jquery: how to get the value of id attribute?

Question

Basic jquery question. I have an option element as below.

Antarctica  

Answer 1

You need to do:

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

Answer 2

To match the title of this question, the value of the id attribute is:

var myId = $(this).attr('id');
alert( myId );

BUT, of course, the element must already have the id element defined, as:

<option id="opt7" class='select_continent' value='7'>Antarctica</option>

In the OP post, this was not the case.

---

IMPORTANT:

Note that plain js is faster (in this case):

var myId = this.id
alert(  myId  );

That is, if you are just storing the returned text into a variable as in the above example. No need for jQuery's wonderfulness here.

Answer 3

You can also try this way

<option id="opt7" class='select_continent' data-value='7'>Antarctica</option>

jquery

$('.select_continent').click(function () {
alert($(this).data('value'));
});

Good luck !!!!

Answer 4

$('.select_continent').click(function () {
    alert($(this).attr('value'));
});