Javascript:在 jQuery 中使用 xpath

Question

例如，我有下一个 XPath 查询:

//div[span="something"]/parent::div/child::div[@class=\"someClass\"]

我想在 JavaScript 中使用这个 XPath 查询:

return $("a:contains('Fruits')").mouseover();

我试过这个:

return $("div[span=\"something\"]/parent::div/child::div[@class=\"someClass\"]").mouseover();

但是没有用。 XPath 查询是否有另一种语义以便在 JavaScript 中使用它们？

Answer 1

您可以将现有 XPath 评估的结果添加到 jQuery 选择中，我将这个 jquery 扩展放在一起，它似乎可以为您完成所有工作。

示例用法:

$(document).xpathEvaluate('//body/div').remove()

这是加载项。

$.fn.xpathEvaluate = function (xpathExpression) {
   // NOTE: vars not declared local for debug purposes
   $this = this.first(); // Don't make me deal with multiples before coffee

   // Evaluate xpath and retrieve matching nodes
   xpathResult = this[0].evaluate(xpathExpression, this[0], null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);

   result = [];
   while (elem = xpathResult.iterateNext()) {
      result.push(elem);
   }

   $result = jQuery([]).pushStack( result );
   return $result;
}