Javascript jquery根据内容更改动态创建的表的颜色

我有一个

div

，用于加载动态生成的表

到目前为止，我可以生成表格，并使用

打开（“单击”或“鼠标悬停”，函数）

获得结果，但我需要在加载表格时更改表格

起初我使用的是

each（）

，但它对动态内容不起作用，因此在阅读更多内容后，我将其改为

on（）。

我不想单击每个单元格以进行更改

代码： Jquery

JSFIDLE上的html表和脚本示例

---

您可以为每种类型使用css类，当您动态创建表行时，您可以为每一行分配相应的类

。已连接
{
背景色：#00e600
}
.err禁用
{
背景色：#ff9900
}
残废
{
背景色：#cc0000
}
.notconnect
{
背景色：#d5d5c3
}

名称
地位
虚拟局域网
双工
速度
类型
有联系的
1.
汽车
10
10/100BaseTX
有联系的
1.
汽车
10
10/100BaseTX
不连接
1.
汽车
自动的
10/100BaseTX
不连接
1.
汽车
自动的
10/100BaseTX
不连接
1.
汽车
自动的
10/100BaseTX
错误禁用
1.
汽车
自动的
10/100BaseTX
残废
1.
汽车
自动的
10/100BaseTX

请尝试此代码

$(function () {
    $("#outputDiv2").delegate('click', "td", function () {
       $('.notconnect').css('background-color', '#d5d5c3');
       $('.connected').css('background-color', '#00e600');
       $('.disabled').css('background-color', '#cc0000');
       $('.err-disable').css('background-color', '#ff9900');
  });
});

---

能否向动态生成的表单元格中添加类？您有权访问正在生成的HTML模板吗？理论上，你可以通过类来完成所有这些。或者，如果有一个与内容加载相关联的AJAX调用，那么您可以调用

每个

循环。是的，我可以将类添加到表中，通过curl将其提取并在PHP上格式化，然后输出到html，不知道这是否是最好的方法，但效果很好。没有Ajax。请原谅我的疏忽，但按类执行此操作有什么不同？请使用

委托

而不是

事件活页夹上的
。但不建议这样做这是一个很好的解决方案，问题是状态（已连接、已禁用等）取决于输出的源，它们不是静态的，因此我仍然需要在PHP上编写一个脚本，根据输出为每个状态分配类。是的，当您从PHP或jquery动态构建表时，您可以根据正在检索的记录类型分配它们，这取决于您实现代码的方式问题解决了，结果证明我根本不必使用jquery。我只是将创建该表部分的同一个变量作为一个类传递，并使用KAD提供的css，它的工作就像一个符咒。多亏了litel，他也走上了正轨。我非常专注于使用jquery来完成它，以至于我没有停下来思考。但我仍然喜欢在jquery上找到一种方法来实现这一点，以便将来编写代码。
$(function () {
    $("#outputDiv2").delegate('click', "td", function () {
       $('.notconnect').css('background-color', '#d5d5c3');
       $('.connected').css('background-color', '#00e600');
       $('.disabled').css('background-color', '#cc0000');
       $('.err-disable').css('background-color', '#ff9900');
  });
});