动态添加的表格行,样式无法正常显示

JQuery动态添加的表格行,样式无法正常显示,例如下面这行代码,动态添加了一行,并想让其字体显示为红色:


$("#tableId").append("<tr style='color:red'><td>没有显示红色</td></tr>");

但是执行结果是:行加了,但颜色没变!这是jQuery的bug?!
问题补充
koalaxyq 写道
可能你在css中设定了td的样式,你这句把style写在tr中,样式优先级没有td高

没有定义过其他样式,我把style='color:red'从内联方式抽取出来(e.g: .x={color:red}),执行完后从IEDeveloper上面可以看到tr的class名称是:x,但是color属性没有内容!
而另一行直接写在html中的则是正常设置上color属性的!

[code="js"] $("#tableId").append("

没有显示红色");[/code]
[color=blue][b]
经测试,该语句功能正常。

请查看你的CSS的设定,应该是CSS属性的继承、优先级等指定有误![/b][/color]

可能你在css中设定了td的样式,你这句把style写在tr中,样式优先级没有td高

是IE浏览品上有这个问题,其他浏览器也有吗?

是这样的话,那考虑这样会不会成功

$("#tableId").append("

。。。。).attr('style':'color:red');

在你的IE下试试这个

$(document).ready(function(){ $("#test").append("<tr style='color:red'><td>在IE,Firefox下有显示红色啊,</td></tr>"); //添加一行 });


3232