When i insert a table row why it won't be highlighted?

Asked Feb 29 '16 at 14:13

Active Feb 29 '16 at 14:13

Viewed 33 times

My html+js+form.html:

I have also a css, but its not important now. So my problem is, when i insert a new row, it wont be highlighted, just the others which is i created the table in the beginning. I tried:

    $("#shipmentTable tr").click(function(){
        $(this).addClass("selected").siblings().removeClass("selected");
    });

and css for the table:

        .member tr.selected {
        background-color: rgba(41, 103, 182, 0.89);
        color: #FFF;
    }

but what i said i isnt working correctly. Can anyone helps to me?

asked Feb 29 '16 at 14:13

luigi

this happens because you set the handler over the already existant rows. search for event delegation on SO – Fabrizio Calderan Feb 29 '16 at 14:17
no, if i create a new row it isnt highlighted – luigi Feb 29 '16 at 14:17
So you now are saying it does not work on dynamically created rows? That would because a new row would not have the event attached... Events do not get bound automatically. – epascarello Feb 29 '16 at 14:19
`$("#shipmentTable").on("click", "tbody tr", function(){ });` – epascarello Feb 29 '16 at 14:22

When i insert a table row why it won't be highlighted?

0 Answers0