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 中获取值(value)

Answer 1

在点击函数中使用data属性并使用$(this)而不是$('.test')。

jsFiddle demo

<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/