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

JQuery找到父div子标签

1 个答案: