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:)