jQuery查找父div div儿童标签

Question

当我点击expandable-icons-cancel我想要保存子标签form-group div。 这里是结构：

<div class="form-group "> 
<label class="" style="padding-top:10px;"> Long Title</label> 
<span class="value "> 
    <div class="expandable"> 
    <div class="expandable-icons"> 
    <img class="expandable-icons-cancel" style="display:none;" src="test/cancel.png"> 
    </div> 
    </div> 
</span> 
</div> 

和功能：

jQuery('.expandable-icons-cancel').click(function() { 
    var parentDiv = jQuery(this).parents('div.expandable'); //-works, but how can i get upper? 
    // How to get 2 steps upper to form-group? 
    // How to get get child label text of form-group and save in var? 
} 

Answer 1

您可以使用closest()，这样

jQuery(this).closest(".form-group"); 

标签文本，你可以做...

jQuery(this).closest(".form-group").find("label").text(); 

如果您知道标签将始终是.form-group的直接子标签，您可以使用children()代替find()。如果可能存在多个标签，而您只想获得第一个标签，则可以在获取标签后将eq(0)。