yếu tố chọn jquery bởi xpath

Question

Tôi có bộ chọn xpath. Làm thế nào tôi có thể nhận được các yếu tố phù hợp với bộ chọn bằng cách sử dụng jQuery?

Tôi đã xem https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript nhưng không sử dụng jQuery và có vẻ như quá dài và tôi cho rằng đó không phải là trình duyệt chéo.

Ngoài ra, điều này http://jsfiddle.net/CJRmk/ dường như không hoạt động.

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) được hỗ trợ trong trình duyệt Firefox, Chrome, Safari và Opera - chỉ trình duyệt lớn thiếu là MSIE. Tuy nhiên, jQuery hỗ trợ các biểu thức XPath cơ bản: http://docs.jquery.com/DOM/Traversing/Selectors#XPath_Selectors (được chuyển vào một plugin trong phiên bản jQuery hiện tại, xem https://plugins.jquery.com/xpath/). Nó chỉ đơn giản là chuyển đổi các biểu thức XPath thành các bộ chọn CSS tương đương.

Answer 2

Trước tiên hãy tạo hàm chọn 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; 
} 

Để sử dụng bộ chọn xpath với jquery, bạn có thể làm như thế này:

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

Hy vọng điều này có thể giúp đỡ.

Answer 3

Nếu bạn đang gỡ lỗi hoặc tương tự - Trong công cụ phát triển chrome, bạn chỉ có thể sử dụng

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