JQuery - передавать данные обратного вызова, из каждого элемента в коллекции

Question

В моем HTML я эти ссылки:

<a class="more-comments-link" id="more-comments-1135" href="#">Show More Comments</a> 
<a class="more-comments-link" id="more-comments-4357" href="#">Show More Comments</a> 

и так далее.

Каждая ссылка имеет тот же класс и уникальный идентификатор.

В JQuery я это делаю:

var $el = $("a.more-comments-link"); 

Здесь я получить коллекцию всех ссылок. Я хочу добавить событие click к каждому элементу и получить идентификатор от каждого элемента в коллекции и передать его для обратного вызова.

Я попытался это:

$el.click({id: $el.attr('id')}, tst); 

TST это простая функция обратного вызова с параметром события. Все это просто получает идентификатор от первого элемента в коллекции.

Answer 1

Вобще:

$el.click(tst); 

Внутри tst, this будет целевой элемент, и вы можете использовать this.id, чтобы получить его идентификатор.

Answer 2

Как об этом:

function myFunction (id){ 
} 

$("body").on('click', 'a.more-comments-link', function(){ 
    var myId = $(this).attr('id'); 
    myFunction(myId); 
}) 

Answer 3

$el.click(tst); 
 

 
function tst(e) 
 
{ 
 
    e.preventDefault(); 
 
    
 
    var id = $(this).attr('id'); 
 
}