JQuery找到父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)标签,则可以在获得标签后放置.