getting ID of <li> in javascript function

Question

I'm trying to get the ID of a <li> item.

The item is as follows:

echo ($y<$sites-1)?"<li id='" . $sit[0] ."'>":"<li id='$sit[0]' class=\"last\">";
echo "<a href=\"javascript:selectedSite();\" onClick=\"javascript:submit(1);\" onMouseOver=\"mouseAction(1)\" onMouseOut=\"mouseAction(0)\">" . $sit[1] . "</a></li>";

and this is my function:

function selectedSite()
{
    alert(/*I want the ID goes here*/);
}

You eneraly get more power / flexibility by setting the event handlers in Javascript instead of inline in the HTML — hugomg
– hugomg, Commented Dec 20, 2011 at 20:06

score 6 · Accepted Answer · 2011-12-20 20:38:08Z

6

If you have to do it inline, the following will work for you:

echo "<a href=\"#\" onClick=\"selectedSite(this);submit(1);\" ...

function selectedSite(item)
{
    alert(item.parentNode.id);
}

edited Dec 20, 2011 at 20:38

answered Dec 20, 2011 at 20:07

user142162

Sign up to request clarification or add additional context in comments.

8 Comments

user1106925 Over a year ago

Sorry, but that's not correct. The code will be invoked globally (like passing a string to setTimeout) so this won't be a reference to the element clicked.

user1106925 Over a year ago

Then you must have changed something. Passing this only works from inline event handlers like onclick.

sikas Over a year ago

@ЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖ: The sample you provided doesn't give the ID, it points to the element itself. But if you put it just as Tim, alert(item.parentNode.id); will definitely work.

user1106925 Over a year ago

@sikas: The point of the sample was that it points to the window. If you find that it points to the element, then it must be a browser compatibility issue. I'm testing in Chrome. Where are you testing? In this updated example it catches the error thrown. Does it do the same for you?

user142162 Over a year ago

@ЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖΞЖ: I'm seeing the results you mentioned. I'll update my answer accordingly. Strange I wasn't experiencing it before. Thanks for the catch!

|

Collectives™ on Stack Overflow

getting ID of <li> in javascript function

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related