jquery：如何获取id属性的值？

Question

基本的jquery问题。我有一个选项元素如下。

<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职位中，情况并非如此。

---

重要：

请注意普通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'));
});