JQuery：具有ID的最近的div

Posted 2023-02-25

【中文标题】JQuery：具有ID的最近的div

【英文标题】：JQuery: Closest div that has an ID

【发布时间】：2011-02-23 19:36:54

【问题描述】：

您将如何编写 Jquery 以获取实际定义了 ID 的最接近的 div？

【问题讨论】：

更详细地定义“最近”。孩子、兄弟姐妹还是父母？

对不起，我想要一个父级，它是一个 div 并且有和 id

【参考方案1】：

您应该使用has attribute selector。该示例应该可以完成工作：

$('selector').closest('[id]')

【讨论】：

这仅适用于祖先。如果他还想要一个最亲近的兄弟姐妹或孩子，这还不够。

这如何给我带有 id 的 div 而不是带有 id 的任何东西？

你不是说.closest('div[id]')吗？

【参考方案2】：

$(elementToStart).parent().closest('div[id]');

我使用 parent() 来避免只获取元素本身。

示例： http://jsfiddle.net/zQRFT/1/

【讨论】：

这应该是答案，如果不使用 parent() 我的就不行了

parent().closest() 与使用以父元素开头的 parents() 相同

【参考方案3】：

在 div 上查找 id 属性，使用 closest method:

$(this).closest('div[id]');

[id] 括号里面就是所谓的Has Attribute Selector