2013-10-30 59 views
-2

相同的ID我有這樣的代碼:jQuery的 - 讓不同的div

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

}); 

我不知道如何獲取id的值,如果我點擊第二和第三DIV?

我也可以使用此實現,如果它是更容易的選擇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>  

感謝

+6

第二和第三沒有一個ID,你不能得到什麼不是嗎? – adeneo

+0

獲取ID值?你只爲第一個div指定了一個ID,你期望什麼? – Johan

+2

所有的元素都必須有唯一的ID,你不能使用第二個,在第一個最後2行沒有ID的 – Rex

回答

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

}); 
+0

第二個attribut中的值應該與我的div相同,這就是爲什麼在第一個代碼中我選擇使用其中一個代碼。 – Jils

+1

我會建議一個數據屬性(也許'數據標題')而不是'title',它會在鼠標懸停上創建一個工具提示 – Izkata