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')

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

次のような意味です: 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);
   })
});