Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 HTML表格样式上一个同级_Javascript_Jquery_Html_Css_Html Table - Fatal编程技术网

Javascript HTML表格样式上一个同级

Javascript HTML表格样式上一个同级,javascript,jquery,html,css,html-table,Javascript,Jquery,Html,Css,Html Table,我希望有表的样式,每前一行。每当白色单元格悬停时,其上方的绿色标题应使用不同的背景色进行样式设置。任何帮助都将不胜感激 $(“#客户tr:odd”).hover(函数(){ $(this.prev().css)({ “背景色”:“红色!重要” }); },函数(){ $(this.prev().css)({ “背景色”:“黑色!重要” }); }); #客户{ 宽度:100%; } #客户运输署{ 边框:1px实心#ddd; } #客户tr:悬停{ 背景颜色:黄色; } #顾客{ 文本对齐:居

我希望有表的样式,每前一行。每当白色单元格悬停时,其上方的绿色标题应使用不同的背景色进行样式设置。任何帮助都将不胜感激

$(“#客户tr:odd”).hover(函数(){
$(this.prev().css)({
“背景色”:“红色!重要”
});
},函数(){
$(this.prev().css)({
“背景色”:“黑色!重要”
});
});
#客户{
宽度:100%;
}
#客户运输署{
边框:1px实心#ddd;
}
#客户tr:悬停{
背景颜色:黄色;
}
#顾客{
文本对齐:居中;
背景色:#4CAF50;
颜色:白色;
}

话
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
更多的话
伯格伦兹斯纳布克普
克里斯蒂娜·伯格伦
瑞典

您可以通过添加/删除类来执行类似操作。您必须指定
td/th
才能向其添加
css
。我正在使用
removeClass
方法来减少与两个
的混淆!重要信息
css
属性

$(“#客户tr:odd”).hover(函数(){
$(this.prev().find('th').removeClass('black');
$(this.prev().find('th').addClass('red');
},函数(){
$(this.prev().find('th').removeClass('red');
$(this.prev().find('th').addClass('black');
});
#客户{
宽度:100%;
}
#客户运输署{
边框:1px实心#ddd;
}
#客户tr:悬停{
背景颜色:黄色;
}
#顾客{
文本对齐:居中;
背景色:#4CAF50;
颜色:白色;
}
瑞德先生{
背景色:红色!重要;
}
布莱克先生{
背景色:黑色!重要;
}

话
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
更多的话
伯格伦兹斯纳布克普
克里斯蒂娜·伯格伦
瑞典

没有理由链接到在可执行环境中显示代码的第三方网站。只需将您的代码包含在“代码片段”中,就在您的问题中。@ScottMarcus是的,这很有意义。正如我的代表所说,我对这一点还很陌生。