jquery: как получить значение атрибута id?

Question

Основной вопрос JQuery. У меня есть элемент option, как показано ниже.

<option class='select_continent' value='7'>Antarctica</option>  

JQuery

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

Это выдает ошибку, говоря, что this.attr не является функцией, поэтому я не правильно использую "this".

Как я могу заставить его предупредить 7?

Answer 1

Вам нужно сделать:

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

Answer 2

Чтобы соответствовать названию этого вопроса, значение атрибута id:

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

НО, конечно, элемент должен уже иметь определенный элемент id, как:

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

В сообщении OP это было не так.

---

ВАЖНО:

Обратите внимание, что plain js быстрее (в данном случае):

var myId = this.id
alert(  myId  );

То есть, если вы просто сохраняете возвращенный текст в переменную, как в примере выше. Здесь нет необходимости в чудесности jQuery.

Answer 3

Вы также можете попробовать этот способ

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

JQuery

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

Удачи !!!!

Answer 4

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