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

Question

我创建了一个用作草稿板的表格。有用户，然后他们必须挑选玩家。我想知道用户是否已经选择了一个玩家，我是否可以用不同的颜色样式设置该单元格 block 的样式，以更显着地显示该 block 被选中。然后空 block 保留正常样式。

我创建了一个 fiddle 来展示表格的外观。

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/