jquery select element by xpath

Question

I have an xpath selector  How can I get the elements matching that selector using jQuery   I ve seen https   developer mozilla org en Introduction to using XPath in JavaScript but it doesn t use jQuery  and it seems a little too verbose  and I suppose it s not cross-browser   Also  this http   jsfiddle net CJRmk  doesn t seem to work    x000D   x000D  alert      a   length   x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 6 0 jquery min js  gt  lt  script gt  x000D   lt a href  a1 php  gt  lt  a gt  x000D   lt a href  a2 php  gt  lt  a gt  x000D   x000D   x000D

User · Answer

If you are debugging or similar - In chrome developer tools  you can simply use   x   html    div  id  text

User · Answer

document evaluate    DOM Level 3 XPath  is supported in Firefox  Chrome  Safari and Opera - the only major browser missing is MSIE  Nevertheless  jQuery supports basic XPath expressions  http   docs jquery com DOM Traversing Selectors XPath Selectors  moved into a plugin in the current jQuery version  see https   plugins jquery com xpath    It simply converts XPath expressions into equivalent CSS selectors however

User · Answer

First create an xpath selector function   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      To use the xpath selector with jquery  you can do like this      x   html    div  id  text      attr  id    modified-text      Hope this can help

[javascript] jquery select element by xpath

Examples related to javascript

Examples related to jquery

Examples related to xpath