What is the path in the html dom for a selected element? [duplicate]

Answer 1

The following function does what you want, using jQuery:

function getElementPath(element)
{
    return "//" + $(element).parents().andSelf().map(function() {
        var $this = $(this);
        var tagName = this.nodeName;
        if ($this.siblings(tagName).length > 0) {
            tagName += "[" + $this.prevAll(tagName).length + "]";
        }
        return tagName;
    }).get().join("/").toUpperCase();
}

You can use it like this:

$(document).ready(function() {
    $("div").click(function(event) {
        event.stopPropagation();
        window.alert(getElementPath(this));
    });
});

You can test it here.

Answer 2

$("html > div")[0].find("div")[1]

XPath is not available in Jquery anymore.

If you need Xpath, just use Firebug under FF, or Chrome.

Concerning having anyelemtn being selected(option) :

$("option:selected")

To get a div being hover :

$("div:hover")

or a checkbox :

$("checkbox:selected")

Now let's take an example:

<div>
   <div class='again'>
      <select id='select1'>
         <option val='1'>
         <option val='2'>
      </select>


      <select id='select2'>
         <option val='1'>
         <option val='2'>
      </select>
   </div>
</div>

Now how to get the first list being selected :

$("#select2 > option:selected")

or

$('.again >select')[0].find("option:selected")

getting the div being hovered :

('.secondDIv').hover(function(){
},function(){});

etc etc