使用xpath在jQuery中選擇元素？

Question

有沒有插件可以讓我做到這一點？它說here (XPath Compatibility Plugin)該功能在Jquery 1.2版本中被刪除，並且它所鏈接的插件不見了！

Answer 1

大多數瀏覽器支持document.evaluate()用於選擇具有XPath表達式的元素 - 不需要jQuery。唯一缺乏支持的主要瀏覽器是Internet Explorer。 Dimitri Glazkov有created a library，但是會爲IE實現缺失的功能。

var result = document.evaluate("//a[@href='#']", document, null, 0, null), 
    item; 

while (item = result.iterateNext()) { 
    // item will be an <a> element with href="#" here 
} 

你可以很容易地創建一個插件來包裝這個功能太：

(function($) { 
    $.xpath = function(exp, ctxt) { 
     var item, coll = [], 
      result = document.evaluate(exp, ctxt || document, null, 5, null); 

     while (item = result.iterateNext()) 
      coll.push(item); 

     return $(coll); 
    } 
})(jQuery); 

// And call it like so: 
$.xpath("//a[@href='#']").click(function() { return false; });