CODEWITHSUNDEEP
jqueryxpathjquery-selectors
user1754738
user1754738

Reputation: 347

Convert xPath to jQuery Selector

How do I convert the following xPath into a jQuery 1.10 selector?

/html/body/div[4]/div[2]/div/div/div/ul/li[4]

I'd like to use the result to do something like this:

jQuery('selector').hide();

Upvotes: 5

Views: 6270

Answers (2)

Mitya
Mitya

Reputation: 34556

Well, it's a question of identifying the syntactical differences:

  • XPath uses / as a parent/child delimiter, while CSS/jQuery selectors use >.
  • XPath uses one-indexed square brackets to denote index, whereas jQuery uses the :nth-child() pseudo-selector

So:

let xpath = '/html/body/div[4]/div[2]/div/div/div/ul/li[4]';
let jq_sel = xpath
    .substr(1) //discard first slash
    .replace(/\//g, ' > ')
    .replace(/\[(\d+)\]/g, ($0, i) => ':nth-child('+i+')');

Upvotes: 7

razielx4crazy
razielx4crazy

Reputation: 159

This would be something like this:

$('html body div:eq(4) div:eq(2) div div div ul li:eq(4)')

Im not sure about divs, maybe it could be like this another one:

$('html body div:eq(4) div:eq(2) div:first div:first div:first ul li:eq(4)')

Upvotes: 3

Related Questions