JQuery wählen div innerhalb gemeinsamen Mutter

Question

Betrachten Sie den Code ein:

<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> 

Wie folgenden Wert auszuwählen. Wenn ich auf 'button' klicke, möchte ich, dass jquery das übergeordnete Element div class="target" auswählt und span class="value".text() erhält.

Der Trick ist, nicht direkt übergeordnete auszuwählen, aber mehrere Level Eltern

Answer 1

Sie können es tun, wie diese zu erreichen in der Lage sein:

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

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

});