Question

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

我已经看过https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript但它没有使用jQuery，而且它看起来有点过于冗长，而且我认为它不是跨浏览器。

＆＃13;

alert($("//a").length);

＆＃13;

<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>

＆＃13;

Answer 1

如果您正在调试或类似 - 在Chrome开发人员工具中，您只需使用

即可

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

Answer 2

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选择器。

Answer 3

首先创建一个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;
}

要将xpath选择器与jquery一起使用，您可以这样做：

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

希望这可以提供帮助。

jquery按xpath选择元素

3 个答案: