jQuery的公共父內選擇格

Question

考慮代碼：

<div class="wrapper">  
    <div class="target">   
     <div class="sub1"> 
      <span class="value"> 
       10 
      </span> 
     </div>    
     <div class="sub2"> 
      <button type="button">Trigger</button> 
     </div>    
    </div> 

    <div class="target">     
     <div class="sub1"> 
      <span class="value"> 
       20 
      </span> 
     </div>    
     <div class="sub2"> 
      <button type="button">Trigger</button> 
     </div>    
    </div>  
</div> 

如何選擇下面的值。如果我點擊'按鈕'，我想jquery選擇父div class="target"並獲得span class="value".text()。

訣竅是不要選擇直接父，但要能達到多級父

Answer 1

你可以這樣說：

$('button').on('click',function(){ 

    var text=$(this).closest('.target').find('.value').text(); 

});