jquery wybierz element xpath

Question

Mam selektor xpath. Jak mogę uzyskać elementy pasujące do tego selektora za pomocą jQuery?

Widziałem, , ale nie korzysta z jQuery, i wydaje się nieco zbyt szczegółowe, i przypuszczam, że nie jest to w wielu przeglądarkach.

Wygląda na to, że ten http://jsfiddle.net/CJRmk/ nie działa.

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 Level 3 XPath) jest obsługiwane w Firefox, Chrome, Safari i Opera - jedynym dużym przeglądarka brakuje MSIE. Niemniej jednak, jQuery obsługuje podstawowe wyrażenia XPath: http://docs.jquery.com/DOM/Traversing/Selectors#XPath_Selectors (przeniesione do wtyczki w bieżącej wersji jQuery, patrz https://plugins.jquery.com/xpath/). Po prostu konwertuje wyrażenia XPath na równoważne selektory CSS.

Answer 2

Najpierw utwórz funkcję selektora 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; 
} 

Aby użyć selektora xpath z jQuery, można zrobić tak:

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

nadzieję, że może pomóc.

Answer 3

Jeśli debugowania lub podobny - W narzędzi chrom deweloperskich, można po prostu użyć

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