Javascript CSS未应用于带有jquery的表上新添加的行

我有一个表格，用户可以在上面选择一行。我制作了一些CSS来突出显示选中的行。用户可以向原始表中添加行。问题是，选中时，添加的行不会高亮显示

HTML部分：

Javascript:

那我做错了什么？感谢您的帮助。

使用，因为在DOM就绪后会将行添加到DOM中，所以事件不会在新添加的行上触发：

$(".table_to_fill").on('click','tr',function(){
$(this).addClass("selected").siblings().removeClass("selected");
});

您可以从使用中理解jquery事件委派，因为行是在DOM就绪后添加到DOM的，所以事件不会在新添加的行上触发：

$(".table_to_fill").on('click','tr',function(){
$(this).addClass("selected").siblings().removeClass("selected");
});

您可以从使用中理解jquery事件委派，因为行是在DOM就绪后添加到DOM的，所以事件不会在新添加的行上触发：

$(".table_to_fill").on('click','tr',function(){
$(this).addClass("selected").siblings().removeClass("selected");
});

您可以从使用中理解jquery事件委派，因为行是在DOM就绪后添加到DOM的，所以事件不会在新添加的行上触发：

$(".table_to_fill").on('click','tr',function(){
$(this).addClass("selected").siblings().removeClass("selected");
});

---

您可以通过

了解jquery事件委派，它工作得非常好！非常感谢您的快速回答。@Blackishop：根本问题是您绑定到了特定元素上的单击事件。因此，添加的新元素没有事件绑定。Ehsan使用事件委派的解决方案绑定了表上的点击。同意@T.J.Crowder。。OP绑定到tr，它绑定到DOM readyIt上可用的那些，工作非常完美！非常感谢您的快速回答。@Blackishop：根本问题是您绑定到了特定元素上的单击事件。因此，添加的新元素没有事件绑定。Ehsan使用事件委派的解决方案绑定了表上的点击。同意@T.J.Crowder。。OP绑定到tr，它绑定到DOM readyIt上可用的那些，工作非常完美！非常感谢您的快速回答。@Blackishop：根本问题是您绑定到了特定元素上的单击事件。因此，添加的新元素没有事件绑定。Ehsan使用事件委派的解决方案绑定了表上的点击。同意@T.J.Crowder。。OP绑定到tr，它绑定到DOM readyIt上可用的那些，工作非常完美！非常感谢您的快速回答。@Blackishop：根本问题是您绑定到了特定元素上的单击事件。因此，添加的新元素没有事件绑定。Ehsan使用事件委派的解决方案绑定了表上的点击。同意@T.J.Crowder。。OP绑定到tr，并且绑定到DOM就绪时可用的tr