使用javascript在表格中添加CSS樣式

對http://www.elitedeafpoker.com/dev/poker-players.html - AJAX將JSON數據加載到表格中，並試圖添加一些類別來僅在兩個標籤上單獨顯示背景顏色並居中文本，但它並不適用於我和我刪除它。我需要的表看起來像這樣 - http://www.elitedeafpoker.com/dev/img/table-example.jpg 使用javascript在表格中添加CSS樣式

的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>"); 
     }); 
    }); 
});

來源

2013-04-18 Christian

等一下，你正在開發一個pokerOnline網頁，但你不知道如何將一個CSS選擇器添加到也不以文本對齊：中心？ –

是的，我說我試圖添加「class =」centertext「來居中文本，但它並沒有在JavaScript中工作，埃文給我放了class = \」center \「，這對我來說是相當新的，在順便說一下，它不是一個在線遊戲 – Christian

您可以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; 
}

來源

2013-04-18 18:26:26

它看起來像你也試圖改變交替行的背景顏色。你可以用這個CSS：'.tableData tr：nth-child（even） {background-color：＃000000;}' – mchail

謝謝你Evan！mchail，這是我需要的，但它並沒有爲我工作 – Christian

@Christian請務必將答案標記爲已接受，以結束此問題。謝謝 –

使用javascript在表格中添加CSS樣式

回答

相關問題