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

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