jQuery/Sizzle 选择器查找当前元素的父元素？

Question

有没有办法只使用 jQuery/sizzle 的 CSS 选择器来获取所选元素的父元素？

我需要能够在使用 jQuery 时获取元素的父元素，但我无法 使用 jQuery('#myelement').parent() 因为我接收的是字符串形式的选择器，并且“用户”需要能够在树上向上移动。

我在文档中看不到任何内容，所以我想知道它是否未记录或者是否有我可以使用的黑客？

Answer 1

正确的解决方案（即实际使用 jQuery 选择器而不是 jQuery API 的解决方案）是这样的：

$(':has(> #myElement)');

这意味着您的“当前元素”实际上必须是“has”参数而不是基本参数表达。它不应该改变任何东西，只是它的可读性比 < 稍差一些。

作为参考，在某些情况下，jQuery API 可能无法有效替代选择器，例如：

$(document).on('click', ':has(> .widget)', function () {
    // ...
});

在这种情况下，选择器允许过滤实时事件。

Answer 2

jQuery(jQuery('#myelement').parent()) 正在获取对象，无需附加函数。

好吧，笑话结束了；）

我猜您需要为实时功能选择父级，这就是为什么您不能以这种方式获得它。

jQuery('#'+jQuery('#myelement').parent().attr('id')).live(something);

这就是你做事的方式，让它发挥作用。
如果父元素没有 id 您可以使用更复杂的技巧

    //newline for reading comfort. skip it. --v
jQuery('[title='+jQuery('#myelement').parent() 
.attr('title',Math.round(Math.random()*100000)+']').attr('title')).live(something);

您可以使用 id 或标题或类，具体取决于页面上已有的内容

如果您确实需要仅通过 css 选择器找到它- 据我所知，CSS 选择器的设计是不可能的

Answer 3

这样的选择器不存在，CSS 中也不存在，jQuery/Sizzle 中也不存在。

可以改源码吗？

如果是，则可以添加自定义伪选择器：

jQuery.expr[":"].getParent = function (node, index, prop, nodes) {
    return jQuery(node).parent(); 
};

使用示例（请注意，父级已经存在，因此我使用了 getParent 代替）：

jQuery('#myelement:getParent');

Answer 4

由于 CSS 无法像 XPath 那样遍历树，因此我进行了一些修改并检查字符串中的字符 <，对其进行拆分并调用 .parent () 手动。它不是最佳的，但它正在工作。