Javascript 如何将css添加到动态创建的表中

HTML

<div class="wrapper">
    <div class="profile">
        <div id='entrydata'></div>
    </div>
</div>

Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function() {
    var dmJSON = "data.json";
    $.getJSON(dmJSON, function(data) {
        $.each(data.records, function(i, f) {
            var $table = "<table border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"
            $("#entrydata").append($table)
        });
    });
});
</script>

$（函数（）{
var dmJSON=“data.json”；
$.getJSON（dmJSON，函数（数据）{
$。每个（数据记录、功能（i、f）{
变量$table=“”+”+f.Clue+++++f.Answer+++++f.Status+++++f.Views++
$（“#entrydata”）.append（$table）
});
});
});

上面的代码动态创建表并显示我的JSON文件中的数据。

---

我想将CSS（表格边框颜色、表格bg颜色、字体大小、字体系列等）应用于这些表格。这方面的任何解决方案都会有所帮助。提前谢谢。

简单。为表添加一个类，并通过css应用样式

var $table="<table class='mystyles' border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

---

简单。为表添加一个类，并通过css应用样式

var $table="<table class='mystyles' border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

---

简单。为表添加一个类，并通过css应用样式

var $table="<table class='mystyles' border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

---

简单。为表添加一个类，并通过css应用样式

var $table="<table class='mystyles' border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

---

你不能在这部分代码上应用你的样式吗：

var $table="<table border=5 style='background:#fff;.....'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

var$table=“”+++f.线索++++f.答案++++f.状态++++f.视图+++”

你不能在这部分代码上应用你的风格吗：

var $table="<table border=5 style='background:#fff;.....'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

var$table=“”+++f.线索++++f.答案++++f.状态++++f.视图+++”

你不能在这部分代码上应用你的风格吗：

var $table="<table border=5 style='background:#fff;.....'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

var$table=“”+++f.线索++++f.答案++++f.状态++++f.视图+++”

你不能在这部分代码上应用你的风格吗：

var $table="<table border=5 style='background:#fff;.....'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

var$table=“”+++f.线索++++f.答案++++f.状态++++f.视图+++”

您可以在创建时将

样式

或类添加到

表

var $table = "<table border=5 style='border: 1px solid red, ...'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

或

创建表并将其附加到

entrydata

之后

$('#entrydata table').css({
    border: '1px solid red',
    ....
});

---

我建议使用

类

方法。

您可以在创建时将

样式

或类添加到

表

var $table = "<table border=5 style='border: 1px solid red, ...'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

或

创建表并将其附加到

entrydata

之后

$('#entrydata table').css({
    border: '1px solid red',
    ....
});

---

我建议使用

类

方法。

您可以在创建时将

样式

或类添加到

表

var $table = "<table border=5 style='border: 1px solid red, ...'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

或

创建表并将其附加到

entrydata

之后

$('#entrydata table').css({
    border: '1px solid red',
    ....
});

---

我建议使用

类

方法。

您可以在创建时将

样式

或类添加到

表

var $table = "<table border=5 style='border: 1px solid red, ...'><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"

或

创建表并将其附加到

entrydata

之后

$('#entrydata table').css({
    border: '1px solid red',
    ....
});

---

我建议使用

class

方法。

将类添加到表中，然后将样式放入CSS。您需要将类或ID或内联CSS添加到要附加到DOM中的元素。元素呈现时，Syle会受到影响…将类添加到表中，然后将样式放入CSS。您需要有类或ID或内联css添加到要附加到DOM中的元素。.元素呈现时Syle会受到影响…将类添加到表中，然后将样式放入css中。您需要将类或ID或内联css添加到要附加到DOM中的元素。.元素呈现时Syle会受到影响…将类添加到表，然后将样式放入CSS中。您需要将类或ID或内联CSS添加到要附加到DOM中的元素中。元素呈现时，Syle将受到影响。。。