Question

On http://www.elitedeafpoker.com/dev/poker-players.html - AJAX将JSON数据加载到一个表中，我试图添加一些类，仅在两个标签上单独显示背景颜色并将文本居中，但它对我没有用，我将其删除了。我需要表格看起来像这样 - http://www.elitedeafpoker.com/dev/img/table-example.jpg

的Javascript

$(document).ready(function() {
    $.getJSON("js/dataPokerPlayers.json", function(data) {
        $.each(data, function(i, data){
            $(".tableData tbody").append("<tr><td>" + data.rank + "</td><td>" + data.name + "</td><td>" + data.earnings + "</td><td>" + data.points + "</td><td>" + data.totalearnings + "</td></tr>");
        });
    });
});

Answer 1

您可以将class="center"添加到要置于居中的<td>元素中，然后使用CSS选择器为td类添加center类的样式名。

jQuery的：

$(document).ready(function() {
    $.getJSON("js/dataPokerPlayers.json", function(data) {
        $.each(data, function(i, data){
            $(".tableData tbody").append("<tr><td>" + data.rank + "</td><td>" + data.name + "</td><td class=\"center\">" + data.earnings + "</td><td class=\"center\">" + data.points + "</td><td>" + data.totalearnings + "</td></tr>");
        });
    });
});

CSS：

.center{
    text-align: center;
}

使用javascript在表中添加CSS样式

1 个答案: