javascript - JQuery 查找父 div 子标签

标签 javascript jquery html

<分区>

当我点击 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?
 }

最佳答案

您可以使用 closest() , 像这样

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

对于标签文本你可以做...

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

如果您知道标签将始终是 .form-group 的直接子项,则可以使用 children() 代替 find()。如果有可能有多个标签,而你只想得到第一个,你可以在得到标签之后放置 eq(0)

关于javascript - JQuery 查找父 div 子标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25767774/

相关文章:

javascript - 是否可以在 Jquery 中使用 setTimeout 更改 css 属性?

javascript - Angular 4迭代对象的对象以获得动态数据

javascript - 在 JSON 成功后重定向到其他地方?

php - 如何在 PHP 的 img src 中包含 div 的值?

javascript - 使用 jQuery 动态添加行

javascript - Jasmine中 "it()"代表什么?

javascript - jquery 验证引擎 - 根据 json 列表进行验证

html - 为每个事件选项更改选择元素的宽度

html - SVG 半圆 : Why is it rotated?

javascript - 如何在 javascript 中使用对象的单个实例?