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

});