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

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

1 个答案: