如何獲得父母兄弟姐妹的內容jquery

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

你有不同的方法來實現它，也是我的方式S：

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

Demo

Answer 2

以下工作

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

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

Answer 3

嘗試

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

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