jquery通过xpath选择元素

我有一个xpath选择器。 我如何使用jQuery获取与选择器匹配的元素?

我见过https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript,但它不使用jQuery,它看起来有点过于冗长,我想这不是跨浏览器的。

此外,这个http://jsfiddle.net/CJRmk/似乎没有工作。

alert($("//a").length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<a href="a1.php"></a>
<a href="a2.php"></a>

在Firefox,Chrome,Safari和Opera中支持document.evaluate() (DOM Level 3 XPath) - 唯一缺少的主要浏览器是MSIE。 尽管如此,jQuery支持基本的XPath表达式:http://docs.jquery.com/DOM/Traversing/Selectors#XPath_Selectors(移入当前jQuery版本的插件中,请参阅https://plugins.jquery.com/xpath/) 。 它只是将XPath表达式转换为等效的CSS选择器。


如果您正在调试或类似 - 在Chrome开发人员工具中,您可以简单地使用

$x('/html/.//div[@id="text"]')

首先创建一个xpath选择器函数。

function _x(STR_XPATH) {
    var xresult = document.evaluate(STR_XPATH, document, null, XPathResult.ANY_TYPE, null);
    var xnodes = [];
    var xres;
    while (xres = xresult.iterateNext()) {
        xnodes.push(xres);
    }

    return xnodes;
}

要在jQuery中使用xpath选择器,你可以这样做:

$(_x('/html/.//div[@id="text"]')).attr('id', 'modified-text');

希望这可以帮助。

链接地址: http://www.djcxy.com/p/84025.html

上一篇: jquery select element by xpath

下一篇: SignalR Websocket Exception when closing client