Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
Javascript 表tr背景色未更改_Javascript_Jquery_Css_Dom_Html Table - Fatal编程技术网

Javascript 表tr背景色未更改

Javascript 表tr背景色未更改,javascript,jquery,css,dom,html-table,Javascript,Jquery,Css,Dom,Html Table,我试图选择并突出显示表中的行和列。我可以选择列,但行的选择有问题。同样,可以选择行并用某种颜色高亮显示,直到选中列后选择列为止。 下面是代码片段--> var num_行; var num_cols; var tid=“”; var tabindex=“”; $(文档).ready(函数(){ $(“#创建它”)。单击(函数(){ num_rows=document.getElementById(“rows”).value; num_cols=document.getElementById(“c

我试图选择并突出显示表中的行和列。我可以选择列,但行的选择有问题。同样,可以选择行并用某种颜色高亮显示,直到选中列后选择列为止。 下面是代码片段-->
var num_行;
var num_cols;
var tid=“”;
var tabindex=“”;
$(文档).ready(函数(){
$(“#创建它”)。单击(函数(){
num_rows=document.getElementById(“rows”).value;
num_cols=document.getElementById(“cols”).value;
createtable(行数、列数);
});
});
函数createtable(num\u行,num\u列){
var theader=“”;
var tbody=“”;
var-temp=1;

对于(var i=1;i您的问题是,当以列方式向
td
添加背景时,您正在覆盖蓝色,因此无论tr是否已分配,都不会显示tr

因此,当您按行选择时,请删除td的背景,如下代码所示

$('.editableTable tr td').attr('style',"");
请参阅以下工作代码段:

var num_行;
var num_cols;
var tid=“”;
var tabindex=“”;
$(文档).ready(函数(){
$(“#创建它”)。单击(函数(){
num_rows=document.getElementById(“rows”).value;
num_cols=document.getElementById(“cols”).value;
createtable(行数、列数);
});
});
函数createtable(num\u行,num\u列){
var theader=“”;
var tbody=“”;
var-temp=1;

对于(var i=1;我认真地说,只有一行,问题解决了:)但是,为什么它会覆盖那一行呢?:(感谢youtry打开控制台并查看td的样式,它被设置为背景色:白色或红色,所以tr将显示tds颜色,蓝色只是tr颜色,而不是它的子项:)哦,我明白了,我努力了,但没能弄明白。谢谢你的帮助…:)不客气@RohitBisht:)