jquery-selectors - jQuery - 获取在父元素中单击的元素的 id

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 div 是在 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);
});