Wathking
Wathking
2010-03-20 13:06

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

已采纳

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属性的!
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • xiaolongfeixiang 拽拽的初行者 11年前

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

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

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

    点赞 评论 复制链接分享
  • qwe_rt qwe_rt 11年前

    在你的IE下试试这个

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


    3232
    点赞 评论 复制链接分享
  • suziwen suziwen 11年前

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

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

    $("#tableId").append("

    。。。。).attr('style':'color:red');
    点赞 评论 复制链接分享
  • koalaxyq koalaxyq 11年前

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

    点赞 评论 复制链接分享