jQuery - Получить идентификатор элемента, который щелкнул в родительском элементе

Question

Не знаете, как еще назвать это (что я назвал это, похоже, не имеет особого смысла - исправьте его, если вы почувствуете необходимость!).

В любом случае, у меня есть div, который имеет некоторые ссылки, и мне нужно получить идентификатор ссылки, на которую была нажата кнопка.

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