检查表格单元格块是否有数据，如果是这样，更改样式

Question

我创建了一张表格，我正在使用该表格作为草稿板。有用户和玩家必须选择。我想知道如果用户选择了一名玩家，我可以使用不同的颜色样式对该单元格进行样式设置，以更明显地显示该块被选中。然后空块离开正常样式。

我创建了一个小提琴来展示它的外观。

https://jsfiddle.net/zmggLd57/

这样在他们的名字我想知道，如果电池我可以让他们以不同的颜色。

<table class="draft_border_table"> 
<tr> 
    <th class="draft_table_number_th">RND</th> 
<?php 
// Output usernames as column headings 
$userResults = mysqli_query($con, 'SELECT * FROM user_players ORDER BY `id`'); 
while ($userPlayer = mysqli_fetch_array($userResults)) { 
    $userPlayerStore[] = $userPlayer; 
    echo '<th class="draft_table_th"><div>' . $userPlayer['username'] . '</div></th>'; 
} 
?> 
</tr> 
<?php 
// Output each user's player 1-14 in each row 
$totalPlayerNumbers = 14; 
for ($playerNum = 1; $playerNum <= $totalPlayerNumbers; $playerNum++) { 
    echo '<tr><td><div class="draftBorder">' . $playerNum . '</div></td>'; 
    foreach ($userPlayerStore as $userPlayer) { 
     echo '<td class="draft_table_td">' . $userPlayer['player' . $playerNum] . '</td>'; 
    } 
    echo '</tr>'; 
} 
?> 
</table> 

Answer 1

我希望，它会帮助你

$("td.draft_table_td").each(function(){ 
if($(this).text()!=""){ 
$(this).css("background-color","blue"); 
} 
}); 

https://jsfiddle.net/7w3c384f/

Answer 2

为填充或空白表格单元格添加额外的css类。

... 
foreach ($userPlayerStore as $userPlayer) { 
    if (empty($userPlayer['player'.$playerNum])){ 
     $extra_class = 'emptycell'; 
    }else{ 
     $extra_class = 'filledcell'; 
    } 

    echo '<td class="draft_table_td '.$extra_class.'">' . 
      $userPlayer['player' . $playerNum] . '</td>'; 
} 

然后添加相应的造型在你的CSS

td.draft_table_td.emptycell { 
    background: red; 
}