Hacker News new | ask | show | jobs
by 411111111111111 1069 days ago
lets say you have

    <body>
    <div><!-- you want this one -->
      ok
      <div id="the-child"></div>
    </div>
     <div><!-- you dont want this one -->
      nok
      <div id="the-wrong-child"></div>
    </div>
    </body>
css:

    div:has( > #the-child)
xpath:

    //div[@id="the-child"]/..
isnt that kinda the same? I think I'd even consider the css version to be easier to understand at a glance.

If you've got full control over the Dom it'd be much better to just set an id attribute on the element in question though, as getElementById is still the best performing option
1 comments
ok123456 1069 days ago
Now do that when you want the 8-th parent in a complex document.
link
411111111111111 1069 days ago
I only did depth=1 because the syntax doesnt change, i still don't see a difference to speak of

css:

    div:has( > \* > \* > \* > \* > \* > \* > \* > #the-child)
    (backslashes added by hn because of formatting conflict)
xpath:

    //div[@id="the-child"]/../../../../../../../..
link