JQUERY如何從動態div獲取id名稱？

Question

我有兩個動態生成（從PHP文件）divs。這個div是這樣的：

<div id="x" class="myclass"></div> 
<div id="y" class="myclass"></div> 

其中X和Y是從一個PHP文件動態生成的數字。如何獲取此id（數字）時，例如，我點擊此divs？

我已經試過這樣：

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

alert(this.attr("id")); 

}); 

但這種方式我只得到了第一個ID（myclasses的第一個元素）。

我該如何解決？

Answer 1

試試這個：

$('.myclass').live('click', function() { 
    alert(this.id); //or alert($(this).attr('id'))); for the jQuery method 
}); 

使用$.live()功能綁定事件將事件綁定到那些尚未存在的元素，所以當你添加新的元素div.myclass動態，他們將被綁定爲好。

---

請注意：.live()現在已過時，使用.delegate()或.on()代替。

$(document).on('click', '.myclass', function() { 
    alert(this.id); 
}); 

Answer 2

你需要使用jQuery對象

$('.myclass').click(function(){ 
    alert($(this).attr("id")); 
}); 

此外，不要只使用一個號碼的ID。我認爲現在只有HTML5允許它。

這裏有一個演示：http://jsfiddle.net/SY3m7/

Answer 3

HTML元素的ID是無效的開頭數字。

因此，請嘗試生成以「div-10002」之類的字符開頭的字母數字標識。

在這兩種情況下，以獲得點擊的元素的ID試試這個：

$('.myclass').live("click", function(){ 
alert(this.id); 
}); 

或

$('.myclass').live("click", function(){ 
alert($(this).attr("id")); 
}); 

Answer 4

試試這個 -

$('.myclass').click(function() { 
    alert($(this).attr("id")); 
}); 

Answer 5

$('.myclass').click(function(){ 
    alert(this.id); 
}); 

看看例如點擊X和Y

http://jsfiddle.net/BJdLJ/4/

Answer 6

是否想獲取與該類相關的所有ID？

試試這個：

$(".myClass").each(function(){alert($(this).attr("id"));}); 

你必須調用上述在另一個函數。

HTH

Answer 7

$("#container").on("Events",$(selector),function(e){ 
    // this will have jquery reference to the container DOM element hence use event.target to capture the element. 
    var id=$(e.target).attr("id"); 
}); 

JonDoeCA - 給了這個答案的Similar question （我不能相信他的答案，因此參考）。