0

これに他にどのようにタイトルを付けるかわからない(私がタイトルを付けたものはあまり意味がないようです-必要を感じたら修正してください!)。

とにかく、私はいくつかのリンクを持っている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) );
});

しかし、どちらの場合もリンクがクリックされたときにコンソールに出力が表示されませんでした。

どうすればよいですか?

4

1 に答える 1

2

jQuery イベント ハンドラー内では、this常にイベントをトリガーした要素を参照します。

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

または単に:

$('#pagination a').click(function() {
    console.log(this.id);
});
于 2013-03-15T12:24:37.057 に答える