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