Question

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

id         actions1                    action2                         action3
ua123      [{'type':'mobile'}   {'action':'display conversion'}]        Null
ua234      [{'type':'DT'}       {'action':'search'}                {'value':'40'}]

这确实会改变背景颜色，但它不会改变字体颜色有没有办法重写上面这个语句以允许也改变字体颜色？我怀疑.text（对象[属性]需要追踪＆＃34;字体颜色=＆＃39;＃ff2500＆＃39;＆＃34;部分但我不确定如何做到这一点？

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);

Answer 2

最简单的方法是使用CSS。

td {color:#fff}

然后你不需要使用Font标签，里面的文字将是白色的。顺便说一句，我没有看到你在桌子里打字。

Answer 3

我建议您为所有样式使用一个类，并将它们作为“td＆＃39;”的属性插入。让我们假设您有一个div，您想要添加那些获取该元素所需的td元素，然后添加td。这是一个如何完成它的例子。很简单，但可以给你和想法

$(document).ready(function(){
  $("button").on('click', function(event) {
    event.preventDefault();
    /* Act on the event */
    $("#myDiv").append("<td class='background'></td>");
  });
});

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

3 个答案: