javascript - 如何使用 jquery 动态更改表格单元格中的字体

Question

在用户事件中，我在代码的弹出窗口中动态构建 html 表格，我有以下行构建表格行单元格:

$("<td BGCOLOR='#F9ED6E'><font color='#ff2500'></font></td>").text(object[property]).appendTo(row);

这确实会改变背景颜色，但不会改变字体颜色有没有办法重写上面的语句以允许也更改字体颜色？我怀疑 .text(object[property] 需要在“font color='#ff2500'”部分之后，但我不确定如何做到这一点？

Answer 1

嗯，我的 jQuery 不太好。所以我可以向您展示一种使用普通的旧 JavaScript 来完成此操作的方法。这会被认为是一种肮脏的方式。但它应该工作得很好。

row.innerHTML = "<td BGCOLOR='#F9ED6E'><font color='#ff2500'>" + object[property] + "</font></td>";

现在我确信有人可以告诉您在 jQuery 中执行类似操作的好方法。另外，如果我“更正确地”这样做，我会在 js 中创建实际的 DOM 元素并将它们附加到行中。但我认为这可能更容易理解，因为它使用了与您所使用的相同的技术。它会工作得很好。

更新:正确的方法
但仍然是普通的 javascript

var eCell;
eCell = document.createElement("td");
eCell.style.backgroundColor = "#F9ED6E";
eCell.style.color = "#ff2500";
eCell.innerHTML = object[property];

row.appendChild(eCell);