Coloring tr with jQuery

Question

I am trying to color tr with .click event using jquery.

My code has no problem with coloring the first row which is static, but other rows, created with jQuery don't want to color.

I have no idea why is not working on other rows.

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

Here is my existing code: `http://jsfiddle.net/1mihcc/7okvbkg2/1/

Answer 1

That's because the elements are not in the DOM when you run the jQuery selector. Use event delegation.

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