如何在同一個div中獲得div的uniqe id

Question

我對jquery有麻煩。具體而言，我有一個div，並在這個div中使用append（）函數創建了很多div。這些每個div都具有onclick功能。當我點擊我想要的時候，我需要得到div的id。 jQuery的，

for (var i=1; i<=count ; i++){ 
$('#pages').append('<div onclick="GoToImage(); return false;" id='+i+'; class="pageNo"> </div>'); 

} 

然後GoToImage功能在這裏，

function GoToImage(){ 
var divs = $("div").get(); 


divs = jQuery.unique(divs); 
showSlide(divs);} 

我嘗試過很多辦法不起作用。我必須獲得點擊div的id。

Answer 1

裏面GoToImage做

var id = this.id; 

，這將給你點擊的div的ID

Answer 2

只需通過this到onclick()方法：將通過全div對象的功能，你可以得到它的屬性

$('#pages').append('<div onclick="GoToImage(this); return false;" id='+i+'; class="pageNo"> </div>'); 

而在功能上，你可能會得到ID

更新

function GoToImage(MyDivelement){ 
    var id = MyDivelement.id // here you can get IDs you want on clicking div 
} 

Answer 3

不要使用內聯事件處理程序 - 它們是過時的，將導致你很多的問題。

在這種情況下，你可以使用事件委派：

$('#pages').on('click', 'div.pageNo', GoToImage); 

這樣做只是一次，循環外。從您的代碼中刪除onclick屬性。對div的任何點擊都會觸發#pages元素，它們將由GoToImage處理。

隨着GoToImage，您可以使用this引用點擊DIV，並this.id獲得該元素的ID，你應該真的需要它：

function GoToImage(ev) { 
    var id = this.id; 
    ... 
}