Раскраска tr с jQuery

Question

Я пытаюсь покрасить tr с помощью .click событий с использованием jquery.

У моего кода нет проблем с окраской первой строки, которая является статической, но другие строки, созданные с помощью jQuery, не хотят окрашивать.

Я понятия не имею, почему не работает над другими строками.

$(function() { 
    $('tr').click(function() { 
     $(this).toggleClass("obarva"); 
    }); 
}); 

Вот мой существующий код: `http://jsfiddle.net/1mihcc/7okvbkg2/1/

Answer 1

Это потому, что элементы не в DOM при запуске селектор JQuery. Используйте event delegation.

$(function() { 
    $(document).on('click', 'tr', function() { 
     $(this).toggleClass("obarva"); 
    }); 
});