如何使用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')。

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/

Answer 2

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

<强>码

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

Answer 3

在click（）处理程序中使用$（this）：

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