Как вызвать event для одного из динамических элементов с одинаковым классом?

Question

[Aljo]

Здравствуйте!
На странице выводятся несколько элементов с классом .task-item
Есть код

$.post(document.location.href, {data: data}, function(response) {                        
            $('.tasks-wrapper').html(response);           
            setTimeout(function(){
                $('.tasks-wrapper').find('.task-item').first().trigger('item-shown'); 
            },100);                       
});
$(document).on('item-shown', '.task-item', function() {
        var _this = $(this);
        var tm = 5;
        setTimeout(function(){
            var timerInterval = setInterval(function() {
                tm--;            
                _this.find('.timer-sec').text('0'+tm);
                if (tm == 0) {                               
                    clearInterval(timerInterval);
                }
            }, 1000);    
        }, 1000);            
    });

Но оно срабатывает сразу для всех элементов с классом .task-item, хотя триггерю для первого. Объясните пожалуйста как мне триггерить для определенного элемента? Т.е. как передавать либо сам элемент, либо индекс?

p.s. доки читал - не понял.

Answer 1

[Megas]

Ваш код абсолютно рабочий, вот тоже самое на jsfidle: https://jsfiddle.net/toster/o8jhnbrw/1/ и как видите только первый элемент получает event. Так что ищите проблему в другом месте.

Comments

[Aljo]

Благодарю, да одну ошибку в коде нашел, где забыл заменить название event-а при триггере