jQuery - xpath find?

Question

If you have the xml below in $(xml), you would get droopy using:

$(xml).find("animal").find("dog").find("beagle").text()

Is there an equivalent way in jQuery to use xpath like

$(xml).xpathfind("/animal/dog/beagle").text()?

<animal>
    <dog>
        <beagle>
            droopy
        </beagle>
        ...

Solution 1

jQuery used to support very basic XPath, including the example you gave.

$(xml).find("animal/dog/beagle")

EDIT: You're right, they've apparently removed it from the core, so you have to use a "compatibility" plugin.

EDIT: Updated link to xpath plugin XPath Plugin

Solution 2

jQuery supports basic XPath actually, so you can just use find.

Alternatively, use CSS selector syntax. For your particular example, you would use $(xml).find( "animal > dog > beagle" ).text()