Jquery выбрать DIV внутри общего родительского

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(); 

});