JQuery 查找类最接近的父级

标签 jquery jquery-selectors

如下结构

<div class="thisNot">
    <table style="width:100%" class="thisOneUknow">
      <tr>
        <th id="imhere">Firstname</th>
        <th>Lastname</th> 
        <th>Age</th>
      </tr>
      <tr>
        <td>Jill</td>
        <td>Smith</td> 
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
    </table>
</div>

如果我在 $('#imhere') 上,我如何找到最接近的父类并提取该值?在这种情况下,得到 thisOne (总是认为我站在元素中)

编辑:类 thisOneOknown 是自动生成的,因此每次页面加载时都会发生变化,因此选择器能够找到第一个具有类的父级并存储/返回它。类似的东西 var closeParentClass = $('#imhere').closest(":hasParent()");

最佳答案

$('#imhere').closest('.thisOne');

编辑问题后更新:

恐怕我现在不明白你在问什么,但我会猜测一下。类似下面的内容应该允许您测试每个父级直到 DOM 根:

var element = $($('.lobster')[6]);
while((element = element.parent()).length){
    if(element.is('table')){
        break;
    }
}

// element variable contains the matched DOM element

关于JQuery 查找类最接近的父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42660916/

相关文章:

javascript - 使用 ajax php mysql 使用 html 链接单击更新数据库

javascript - 将参数发送到函数而不执行直到单击 javascript/Jquery

jQuery:选择和操作 DOM 外部的 html 元素

each() 方法中的 jQuery 选择器

javascript - 使用 jQuery :contains 时如何忽略后代元素中的匹配项

php - AJAX PHP 调用本地主机数据库返回错误

javascript - 使用 jQuery 创建对错问卷

javascript - 如果选择第 1 或 2nr,则禁用第 3、4 个下拉列表

javascript - 通用选择器的性能,结果矛盾?

javascript - other 内的 Jquery 选择器元素