jquery - 如何使用 jquery 从 h1 标签的属性中获取值？

Question

我有一个示例代码：

<h1 class="test" idtest="1">Test 1</h1>
<h1 class="test" idtest="2">Test 2</h1>

And jquery:
$(document).ready(function() { 
   $('.test').click(function (){
      var id = $('.test').attr('idtest') ; 
      alert(id);
   })
});

如何修复它以从 h1 中获取价值

Answer 1

使用data属性并使用$(this)而不是$('.test')在 click 函数内部。

jsFiddle 演示

<h1 class="test" data-idtest="1">Test 1</h1>
<h1 class="test" data-idtest="2">Test 2</h1>

和jQuery：

$(document).ready(function() { 
   $('.test').click(function (){
      var id = $(this).data('idtest') ;  
      alert(id);
   })
});

在这里阅读更多：http: //api.jquery.com/jQuery.data/

Answer 2

在 click() 处理程序中使用 $(this) ：

$(document).ready(function() { 
   $('.test').click(function (){
      var id = $(this).attr('idtest') ; 
      alert(id);
   })
});

Answer 3

你的意思是这样的：http: //jsfiddle.net/rZcqD/2/ 或 http://jsfiddle.net/rZcqD/4/

代码

$(document).ready(function() { 
   $('.test').click(function (){
      var id = $(this).attr('idtest') ; 
      alert($(this).text());
   })
});​