Question

下面是我的代码。我的目标是，当用户点击“siblings_2”中的<a>标记时。我想提醒'sibling_1'内容中的'Hello'。我怎样才能做到这一点？

<div class="parent">
    <div class="sibling_1">
        <div class="selections">
           <p>Hello</p>
           <p>How Are You?</p>
        </div>
    </div>

    <div class="sibling_2">
        <a href="">Click Me!</a>
    </div>
</div>

Answer 1

以下作品

$('a').on('click', function(){
    alert($(this).closest('.parent').find('p:first-child').text());
    return false;
})

http://jsbin.com/uvevek/3/edit

Answer 2

尝试

$(function() {
    $('.sibling_2 a').click(function(e) {
        e.preventDefault();
        alert($('.sibling_1').text());
    });
});

http://jsfiddle.net/tamilcselvan/p9mEx/

Answer 3

您有多种方法可以实现它，其中一种方法是：

$("div.sibling_2 a").click(function(e) {
    e.preventDefault();
    var text = $(this).parent().prev().find("div.selections p:eq(0)").text();
    alert(text);
})

<强> Demo

如何让父母兄弟姐妹满足Jquery

3 个答案: