このコードでは、セル値に基づいてテーブル行の背景色を変更する必要がありますが、セル値に基づいて行全体の背景色を変更する必要があります。
<script>
$(document).ready(function () {
$('body').append('<div class="container" ><h4 style="color:#069">Batch-4 2nd Semester Timetable</h4></div><br>');
var html = '<div class="container" ><table class="table table-striped"></div>';
html += '<tr>';
var flag = 0;
var data2 = <?php echo $valMS; ?>;
$.each(data2[0], function(index, value){
html += '<th>'+index+'</th>';
});
html += '</tr>';
$.each(data2, function(index, value){
html += '<tr>';
$.each(value, function(index2, value2){
if(value2 == "Java"){
html += '<td style="background-color: #7e57c2;">'+value2+'</td>';
}
else{
html += '<td>'+value2+'</td>';
}
});
html += '</tr>';
});
html += '</table>';
$('body').append(html);
console.log(html);
});
</script>
これを本文の前に追加します
<script>
$(document).ready(function(){
$(".cell-java").parent().css("background-color","red");
});
</script>コードをこれに変更して、その値に応じてクラス「cell-java」を td に追加します。
if(value2 == "Java"){
html += '<td style="background-color: #7e57c2;" class="cell-java">'+value2+'</td>';
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加