JavaScript 用于像 XPath 中一样搜索元素的特定祖先？

Question

从给定节点向下搜索效果非常好，并且与 Javascript 函数 querySelectorAll() 和 querySelector() 跨浏览器兼容。

此函数允许声明任何用于搜索子元素的 CSS3 选择器。据我了解，无法搜索父节点:W3 CSS3 Selectors

我也想使用 XPath ax ancestor 来搜索父节点。像(XPath)这样的东西:

select="./ancestor::*[@attributex='xxx'][2]"

请注意，我还没有尝试过上面的 XPath 表达式，并且我不确定它是否只选择最近祖先，但这就是我的意图。

我知道我可以 directly use XPath in JavaScript ，但我宁愿避免它，因为我不知道 1) 浏览器兼容性和 2) 向下搜索与 querySelector/All() 配合得很好。

我还宁愿避免在 .parentNode 中进行一些 for 循环搜索，并将其 .getAttribute("attributex") 与搜索到的进行比较。

有什么想法如何使用跨浏览器兼容的 JavaScript 来实现这一点吗？

Answer 1

我认为您会欣赏 jQuery 的parents([selector]) 方法。当然，它在兼容性方面具有优势。看看http://api.jquery.com/parents/