elemento de selección de jquery por xpath

Question

Tengo un selector xpath. ¿Cómo puedo obtener los elementos que coincidan con ese selector usando jQuery?

He visto https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript pero no usa jQuery, y parece un poco demasiado detallado, y supongo que no es un navegador cruzado.

Además, este http://jsfiddle.net/CJRmk/ no parece funcionar.

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>

Answer 1

document.evaluate() (DOM Nivel 3 XPath) es compatible con Firefox, Chrome, Safari y Opera - el único navegador que falta es MSIE. Sin embargo, jQuery admite expresiones XPath básicas: http://docs.jquery.com/DOM/Traversing/Selectors#XPath_Selectors (trasladado a un complemento en la versión actual de jQuery, consulte https://plugins.jquery.com/xpath/). Sin embargo, simplemente convierte expresiones XPath en selectores CSS equivalentes.

Answer 2

Primero cree una función de selector 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; 
} 

Para utilizar el selector XPath con jQuery, puede hacerlo de esta manera:

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

Esperamos que esto pueda ayudar.

Answer 3

Si está depurando o similar - En las herramientas para desarrolladores de Chrome, sólo tiene que utilizar

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