使用xpath在jQuery中选择元素?

时间:2010-11-26 09:39:16

标签: jquery xpath

是否有插件允许我这样做?它说here (XPath Compatibility Plugin)在Jquery 1.2版本中删除了该功能,并且它链接的插件已经消失了!

1 个答案:

答案 0 :(得分:10)

大多数浏览器都支持document.evaluate()来选择带有XPath表达式的元素 - 不需要jQuery。唯一没有支持的主要浏览器是Internet Explorer。但是,Dimitri Glazkov有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; });