jquery - 使用 xpath 在 jQuery 中选择元素？

Question

有插件可以让我做到这一点吗？它说here (XPath Compatibility Plugin)该功能在 Jquery 1.2 版本中已被删除，并且它链接的插件也消失了!

Answer 1

大多数浏览器支持document.evaluate()用于使用 XPath 表达式选择元素 - 不需要 jQuery。唯一缺乏支持的主要浏览器是 Internet Explorer。迪米特里·格拉兹科夫有created a library然而，这将实现 IE 缺少的功能。

var result = document.evaluate("//a[@href='#']", document, null, 0, null),
    item;

while (item = result.iterateNext()) {
    // item will be an <a> element with href="#" here
}

您也可以轻松创建一个插件来包装此功能:

(function($) {
    $.xpath = function(exp, ctxt) {
        var item, coll = [],
            result = document.evaluate(exp, ctxt || document, null, 5, null);

        while (item = result.iterateNext())
            coll.push(item);

        return $(coll);
    }
})(jQuery);

// And call it like so:
$.xpath("//a[@href='#']").click(function () { return false; });