Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 根据单元格值更改行背景颜色_Jquery_Html_Css_Tablerow - Fatal编程技术网

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

});