是否有 jQuery 选择器/方法来查找特定的父元素 n 级？

关键词：

【中文标题】是否有 jQuery 选择器/方法来查找特定的父元素 n 级？【英文标题】：Is there a jQuery selector/method to find a specific parent element n levels up? 【发布时间】：2010-10-16 11:44:06 【问题描述】：

考虑以下 HTML。如果我有对 元素的 JSON 引用，如何在这两种情况下获取对外部 元素的引用

<table id="my-table">
    <tr>
        <td>
            <button>Foo</button>
        </td>
        <td>
            <div>
                <button>Bar</button>
            </div>
        </td>
    </tr>
</table>

<script type="text/js">
    $('#table button').click(function()
        //$(this).parent().parent() will work for the first row
        //$(this).parent().parent().parent() will work for the second row
        //is there a selector or some magic json one liner that will climb
        //the DOM tree until it hits a TR, or do I have to code this myself
        //each time?            
        //$(this).????
    );
</script>

我知道我可以对每种情况进行特殊处理，但我更感兴趣的是“不管你有多深，爬树直到找到元素 X”风格的解决方案。像这样的东西，但更喜欢 jQuery/less-verbose

var climb = function(node, str_rule)
    if($(node).is(str_rule))
        return node;
    
    else if($(node).is('body'))
        return false;
    
    else
        return climb(node.parentNode, str_rule);
    
;  

我知道 parent(expr) 方法，但据我所见，它允许您向上过滤父母并且在找到 expr 之前不要爬树（我希望代码示例证明我错了）

【问题讨论】：

【参考方案1】：

parents 函数可以满足您的需求：

$(this).parents("tr:first");

【讨论】：

当然，谢谢！这就是“编辑其他人的帖子”权限的用途；） 哈，这很有趣。我想知道为什么 Visual jQuery 列出了 parent(expr) 两次；原来我在结尾处完全隔开了 s。 谢谢 Seb，我根本不知道这个，它真的很有用。当然胜过一堆'parent().parent()....'【参考方案2】：

另外，如果您使用的是 jQuery 1.3+，您可以使用 closest 方法

$(this).closest("tr");

【讨论】：

只是想补充一点，closest 和parents 非常相似，但略有不同。你可以阅读更多here。总的来说，我认为closest 方法对于这种特定场景更有效。 hmm，这个函数名很好理解。【参考方案3】：

不是 jQuery，但这个选项效果更好

node.contains(otherNode)

Node.contains() 方法返回一个布尔值，指示是否 一个节点是否是给定节点的后代

https://developer.mozilla.org/en/docs/Web/API/Node/contains

【讨论】：

以“>”开头的选择器是不是是在 jQuery 中查找子项的正确方法？

...;"signaproperwaytofindchildreninjQuery?以“>”开头的选择器是否是在jQuery中查找子项的正确方法？【发布时间】：2015-06-0701:28:36【问题描述】：我想查找某个元素的特定子元素的特定后代。我可以这样做：$(element 查看详情

使用 jQuery 查找选择器

...:15:29【问题描述】：我正在制作一个jQuery插件，我想知道是否有一种方法可以找到用户用来应用插件的选择器。例如，如果用户选择这个：$(".myClass").pluginName();然后插件会返回myClass，以后可以使用。有什么办法可以做到吗？【... 查看详情

jQuery 选择器没有特定的数据属性

...有一个属性被应用到我动态创建的div上，名为data-product。是否有一个选择器可以用来选择没有特定data-product值的所有div？例如，如果其中一个数据产品值是“radio”，有没有一种方法可以选择数据产品值不等于 查看详情

选择并使用兄弟元素包装特定的父元素，直到下一个特定的父元素(代码片段)

我希望使用jQuery来选择p标签，这是一个带有某个类hdr的跨度的祖父元素，然后我想要将该p标签及其所有兄弟姐妹包装起来直到下一个p标签，它是父母的一个hdr类，依此类推。我遇到的问题是，第二个和第三个包装器以及它包含... 查看详情

jQuery - 如何使用选择器在表格中查找特定单元格？

】jQuery-如何使用选择器在表格中查找特定单元格？【英文标题】：jQuery-howtofindspecificcellinatableusingselectors?【发布时间】：2014-11-1415:22:48【问题描述】：鉴于每个单元格都有row,col属性。我试过类似的东西$(#mytabletrtdrow=1col=1)但它不... 查看详情

jQuery 选择器：根据内容查找表格单元格

】jQuery选择器：根据内容查找表格单元格【英文标题】：jQueryselector:findingtablecellbasedoncontent【发布时间】：2011-05-0405:35:36【问题描述】：我正在尝试选择一个包含特定文本的表格单元格，但尚不知道它是如何工作的：我有这个代... 查看详情

jquery查找节点(选择器)

jQuery通过选择器来完成节点的查找：   1、基本选择器：     ①通用/所有的选择器：$("*")//使用*号来表示。     ②:标签选择器：$("标签名(div)")//使用标签名字来定位   &nb... 查看详情

使用选择器语法来查找元素(代码片段)

问题你想使用类似于CSS或jQuery的语法来查找和操作元素。方法可以使用Element.select(Stringselector) 和 Elements.select(Stringselector) 方法实现：Fileinput=newFile("/tmp/input.html");Documentdoc=Jsoup.parse(input,"UTF-8","ht 查看详情

是否有类似 jQuery 的 Java XML 解析选择器？

】是否有类似jQuery的JavaXML解析选择器？【英文标题】：IstherejQuerylikeselectorsforJavaXMLparsing?【发布时间】：2011-01-1718:09:47【问题描述】：当我想使用jQuery从XML中查找元素时，我可以使用CSS选择器。Java中有没有类似的XML解析选择器... 查看详情

jquery的选择器

　　要使某个动作应用于特定的html元素，需要有办法找到这个元素。在jQuery中，执行这一任务的方法称为jQuery选择器。jQuery选择器把网页的结构和行为完全分离。利用jQuery选择器，能快速地找出特定的html元素，然后轻松的给元... 查看详情

是否有更简单的方法在 Roblox (Lua) 上的父对象中查找对象

】是否有更简单的方法在Roblox(Lua)上的父对象中查找对象【英文标题】：IstheresimplerwayoffindingobjectswithinparentobjectsonRoblox(Lua)【发布时间】：2021-12-2823:00:01【问题描述】：localcolorwheel=script.Parentlocalclickdetector=colorwheel.ClickDetector---Leftm... 查看详情

是否可以取回与 jQuery 中的部分选择器匹配的值？

】是否可以取回与jQuery中的部分选择器匹配的值？【英文标题】：IsitpossibletogetbackthevaluethatmatchedapartialselectorinjQuery?【发布时间】：2012-02-1203:58:05【问题描述】：我编写了一个可以工作但很难看的函数。我很确定有更好的方法来... 查看详情

jquery之基本选择器(代码片段)

1.是什么?-有特定格式的字符串2.作用-用来查找特定页面元素3.基本选择器-#id:id选择器-element:元素选择器-.class:属性选择器-*:任意标签-selector1,selector2,selectorN:取多个选择器的并集(组合选择器)-selector1selector2selectorN:取多个选择器的... 查看详情

是否有跨浏览器的方式在 expando 属性上使用 jQuery 选择器？

】是否有跨浏览器的方式在expando属性上使用jQuery选择器？【英文标题】：Isthereacross-browserwaytouseajQueryselectoronanexpandoproperty?【发布时间】：2011-04-0708:50:13【问题描述】：我有一个ASP.NET页面，我正在尝试使用jQuery选择器快速匹配绑... 查看详情

是否有不区分大小写的 jQuery :contains 选择器？

】是否有不区分大小写的jQuery:contains选择器？【英文标题】：IsthereacaseinsensitivejQuery:containsselector?【发布时间】：2010-09-1607:07:27【问题描述】：:containsjQuery选择器是否有不区分大小写的版本，或者我应该通过循环所有元素并将它... 查看详情

jquery中的parent()和parents()有啥区别呢？

...参数类型相同。如果应用这个选择器，则将通过检测元素是否匹配该选择器对元素进行筛选。<ul class="level-1"> <li class="item-i">I</li> <li class="item-ii">II  <ul class... 查看详情

jquery选择器

选择器总结：核心选择器（应用最广泛的选择器）*选择所有元素元素选择特定类型的元素.类名选择具有特定class的元素元素.类名选择具有特定class的某类元素#id选择具有特定id属性值的元素属性选择器（根据元素的属性来选择元... 查看详情

是否有一个不区分大小写的jquery：包含选择器？(代码片段)

是否有:containsjQuery选择器的不区分大小写的版本，还是应该通过循环所有元素并将它们的.text（）与我的字符串进行比较来手动完成工作？答案我最终为jQuery1.2做的是：jQuery.extend(jQuery.expr[':'],Contains:"jQuery(a).text().toUpperCase().indexOf... 查看详情