Jquery - 在不同的div中获得相同的id

时间:2013-10-30 14:56:20

标签: jquery html

我有这段代码:

<div class="myClass" id="TD_123">Test 1</div>   
<div class="myClass">Test 2</div>       
<div class="myClass">Test 3</div>       


$('.myClass').click(function() {

   var idValue = $(this).attr('id');
   alert(idValue);

 });

如果点击第二个和第三个div,我不知道如何获取id值?

我也可以使用这个实现,如果更容易从所选div的“TD_”开始上课:

<div class="myClass TD_123">Test 1</div>    
<div class="myClass TD_123">Test 2</div>        
<div class="myClass TD_123">Test 3</div>    

由于

1 个答案:

答案 0 :(得分:1)

你为什么不这样用它:

<div class="myClass" id="TD_1">Test 1</div>   
<div class="myClass" id="TD_2">Test 2</div>       
<div class="myClass" id="TD_3">Test 3</div>       


$('.myClass').click(function() {

   var idValue = $(this).attr('id');
   alert(idValue);

 });

编辑:

如果你想在每个div上都有相同的结果我猜你可以试试这个:

<div class="myClass" data-title="TD_123">Test 1</div>   
<div class="myClass" data-title="TD_123">Test 2</div>       
<div class="myClass" data-title="TD_123">Test 3</div>       


$('.myClass').click(function() {

   var titleValue = $(this).attr('data-title');
   alert(titleValue);

 });