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

尼尔·戴维斯(Neal Davis)

在用户事件中,我正在代码中的弹出窗口中动态构建html表,下面是用于生成表行单元格的以下行:

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

这确实会更改背景颜色,但不会更改字体颜色。是否可以重写上面的语句以允许也更改字体颜色?我怀疑.text(object [property]需要放在“ font color ='#ff2500'”部分之后,但是我不确定该怎么做?

泰勒·麦肯齐

好吧,我的jQuery并不是很好。因此,我可以向您展示一种使用普通的旧javascript的方法。这将被认为是一种肮脏的方式。但是它应该可以正常工作。

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

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

更新:正确的方法,
但仍然香草

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

row.appendChild(eCell);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在UITableView静态单元格中动态更改单元格高度

来自分类Dev

使用jQuery匹配表格单元格中的日期模式

来自分类Dev

我如何使用jQuery合并选定的表格单元格

来自分类Dev

如何使用Jquery内联编辑HTML表格单元格

来自分类Dev

使用纯javascript更改表格中单元格的颜色

来自分类Dev

如何通过每行中的动态添加按钮更改HTML表格单元格的值

来自分类Dev

如何动态更改单元格的公式

来自分类Dev

Google表格:动态更改活动单元格中的值?

来自分类Dev

如何使用jQuery将HTML表格单元格更改为文本输入

来自分类Dev

如何更改表格中单元格的文本颜色?

来自分类Dev

如何根据表格单元格中的值更改表格行的背景颜色?

来自分类Dev

如何在AngularJS中动态更改表格单元格颜色

来自分类Dev

在jQuery中访问表格单元格

来自分类Dev

如何动态合并表格中的单元格

来自分类Dev

从Google表格中的动态表格获取单元格

来自分类Dev

如何动态填写表格中的单元格?

来自分类Dev

如何使在jQuery创建的表格中的单元格可点击?

来自分类Dev

使用jQuery单击链接时,如何获取动态表中单元格的值?

来自分类Dev

SSRS动态更改单元格背景和字体颜色

来自分类Dev

根据值更改表格中单元格字体的颜色-RoR

来自分类Dev

如何使用Jquery内联编辑HTML表格单元格

来自分类Dev

如果表格是动态生成的,如何在点击时更改html单元格的颜色?

来自分类Dev

如何使用CSS编辑表格中特定单元格的颜色,字体,bg_color

来自分类Dev

如何根据jQuery中的当前单元格值更改前一个表格单元格的CSS样式和链接

来自分类Dev

如何基于电子表格中另一个单元格中的值动态更改公式中的输入单元格?

来自分类Dev

使用公式更改单元格中的字体颜色

来自分类Dev

如何使用 JavaScript 在 HTML 表格中搜索单元格?

来自分类Dev

如何使用 JQuery 删除表格单元格的某些元素

来自分类Dev

动态填充表格单元格时如何在表格单元格的底部定位 div

Related 相关文章

  1. 1

    如何在UITableView静态单元格中动态更改单元格高度

  2. 2

    使用jQuery匹配表格单元格中的日期模式

  3. 3

    我如何使用jQuery合并选定的表格单元格

  4. 4

    如何使用Jquery内联编辑HTML表格单元格

  5. 5

    使用纯javascript更改表格中单元格的颜色

  6. 6

    如何通过每行中的动态添加按钮更改HTML表格单元格的值

  7. 7

    如何动态更改单元格的公式

  8. 8

    Google表格:动态更改活动单元格中的值?

  9. 9

    如何使用jQuery将HTML表格单元格更改为文本输入

  10. 10

    如何更改表格中单元格的文本颜色?

  11. 11

    如何根据表格单元格中的值更改表格行的背景颜色?

  12. 12

    如何在AngularJS中动态更改表格单元格颜色

  13. 13

    在jQuery中访问表格单元格

  14. 14

    如何动态合并表格中的单元格

  15. 15

    从Google表格中的动态表格获取单元格

  16. 16

    如何动态填写表格中的单元格?

  17. 17

    如何使在jQuery创建的表格中的单元格可点击?

  18. 18

    使用jQuery单击链接时,如何获取动态表中单元格的值?

  19. 19

    SSRS动态更改单元格背景和字体颜色

  20. 20

    根据值更改表格中单元格字体的颜色-RoR

  21. 21

    如何使用Jquery内联编辑HTML表格单元格

  22. 22

    如果表格是动态生成的,如何在点击时更改html单元格的颜色?

  23. 23

    如何使用CSS编辑表格中特定单元格的颜色,字体,bg_color

  24. 24

    如何根据jQuery中的当前单元格值更改前一个表格单元格的CSS样式和链接

  25. 25

    如何基于电子表格中另一个单元格中的值动态更改公式中的输入单元格?

  26. 26

    使用公式更改单元格中的字体颜色

  27. 27

    如何使用 JavaScript 在 HTML 表格中搜索单元格?

  28. 28

    如何使用 JQuery 删除表格单元格的某些元素

  29. 29

    动态填充表格单元格时如何在表格单元格的底部定位 div

热门标签

归档