Jquery 根据单元格值更改行背景颜色
我需要根据单元格值更改表格行背景色,在这段代码中,我根据单元格值更改表格单元格背景色。但我需要根据单元格值更改整行背景色。我如何才能做到这一点Jquery 根据单元格值更改行背景颜色,jquery,html,css,tablerow,Jquery,Html,Css,Tablerow,我需要根据单元格值更改表格行背景色,在这段代码中,我根据单元格值更改表格单元格背景色。但我需要根据单元格值更改整行背景色。我如何才能做到这一点 <script> $(document).ready(function () { $('body').append('<div class="container" ><h4 style="color:#069">Batch-4 2nd Semester Timetable</h4></
<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>
$(文档).ready(函数(){
$('body')。追加('Batch-4第二学期时间表
');
var html='';
html+='';
var标志=0;
VarData2=;
$.each(数据2[0],函数(索引,值){
html+=''+索引+'';
});
html+='';
$.each(数据2,函数(索引,值){
html+='';
$.each(值,函数(index2,value2){
如果(value2==“Java”){
html+=''+value2+'';
}
否则{
html+=''+value2+'';
}
});
html+='';
});
html+='';
$('body').append(html);
log(html);
});
在jQuery中,您有一个parent()
方法。看看
首先,我查找.row
类的所有子项(单元格),并将它们分配给变量allCells
接下来,我对所有这些文件进行迭代,并检查它们的文本是否匹配:child.textContent==“所需值”
如果它是匹配的,那么我更改它的父css:
$(child.parent().css(“背景色”,“红色”)代码>在jQuery中,您有一个parent()
方法。看看
首先,我查找.row
类的所有子项(单元格),并将它们分配给变量allCells
接下来,我对所有这些文件进行迭代,并检查它们的文本是否匹配:child.textContent==“所需值”
如果它是匹配的,那么我更改它的父css:$(child.parent().css(“背景色”,“红色”)代码>在正文末尾之前添加此代码
$(文档).ready(函数(){
$(“.cell java”).parent().css(“背景色”、“红色”);
});
将此项添加到正文末尾之前
$(文档).ready(函数(){
$(“.cell java”).parent().css(“背景色”、“红色”);
});
对不起,我弄糊涂了,你能编辑我的代码吗?(对不起,我弄糊涂了,你能编辑我的代码吗?(if(value2==“Java”){html+=''+value2+'';?>$(.cell Java”).parent().css(“背景色”,“红色”);代码不清楚:(请将代码放到你的答案中,不要作为注释提供它(value2=“Java”){html+=''+value2+'';?>$(.cell java”).parent().css(“背景色”,“红色”);代码不清楚:(请将代码放在您的答案中,不要将其作为注释提供。)
var allCells = $(".row > div");
$.each(allCells, function (index, child) {
if (child.textContent === "Desired value") {
$(child).parent().css("background-color", "red");
}
});