jQuery - 獲取在父元素中單擊的元素的標識

Question

不知道該如何標題（我稱之爲它似乎沒有太大意義 - 如果您覺得需要，請修復它！）。

無論如何，我有一個div有一些鏈接，我需要得到點擊鏈接的ID。

HTML：

<div id="pagination"> 
    <br> 
    <a href="#" id="firstPage">First Page</a>&nbsp;&nbsp;|&nbsp;&nbsp; 
    <a href="#" id="prevPage">Prev Page</a>&nbsp;&nbsp;|&nbsp;&nbsp; 
    <label id="currentPage">2</label>&nbsp;&nbsp;|&nbsp;&nbsp; 
    <a href="#" id="nextPage">Next Page</a>&nbsp;&nbsp;|&nbsp;&nbsp; 
    <a href="#" id="lastPage">Last Page</a> 
</div> 

我試着用這個做到這一點：

$('#pagination a').click(function() { 
    console.log($('#pagination a').index(this)); 
}); 

的#pagination格在jQuery的動態生成的，所以我也試過：

$('#pagination a').on('click', function() { 
    console.log($('#pagination a').index(this)); 
}); 

但是，在任何情況下單擊鏈接時，我都沒有在控制檯中獲得任何輸出。

我該怎麼做？

Answer 1

裏面一個jQuery的事件處理程序，this總是指觸發事件的元素：

$('#pagination a').click(function() { 
    console.log($(this).attr('id')); 
}); 

或者乾脆：

$('#pagination a').click(function() { 
    console.log(this.id); 
});