javascript - 使用javascript在表中添加CSS样式

Question

关于 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;
}