Jquery id does not work

Question

Trying to get the id of the element, like an elementary procedure, but does not find anything (undefined). Code:

function reserve() { alert(this.id); };

 <a id="qweqwe" onclick="reserve();" href="#openModal2">тратата</a>

So the same does not work:

 alert($(this).attr('id'));

jQuery connected

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

why you decided that function reserve() { alert(this.id); };
let's start from the beginning, do you know what this in the context of a function?) Why did you decide that it points to an element?

Vasily Barbashev Vasily Barbashev 3.569 2 9 21 · Accepted Answer · 2017-04-20T07:44:09

In your example:

 function reserve() { alert(this.id); };

this will be the window object. To get the current item on which you clicked, you need to event onclick="reserve(**this**);" pass this .

And then:

 function reserve(element) { alert(element.id); };

Will return your ID.

Full sample code:

 function reserve(element) { alert(element.id); };

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <a id="qweqwe" onclick="reserve(this);" href="#openModal2">тратата</a>

Yes, thanks, it works that way) And how can I get the id of the parent of this link in this case?

1 answer 1