的HTML
<div class="wrapper">
<div class="profile">
<div id='entrydata'></div>
</div>
</div>
Java脚本
<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> </table>"
$("#entrydata").append($table)
});
});
});
</script>
上面的代码动态创建表并显示我的JSON文件中的数据。我想将CSS(表格边框颜色,表格背景颜色,字体大小,字体系列等)应用于这些表格。任何对此的解决方案将是有帮助的。提前致谢。
简单的。为您的表添加一个类,然后通过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> </table>"
的CSS
table.mystyles
{
//your styles
}
table.mystyles td
{
//your styles
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句