jQuery 切换背景，每次点击
写作开发者
我想每次点击切换背景。但我不知道为什么保留了以前的颜色。所以当我点击每一行时，上一个表格背景应该被重置（或白色）。
我已经用“timelineColor”设置了可变颜色代码
我的代码是这样的。
// Single Click Select Event to Timeline
$(document).ready(function () {
$('#subjectList tr').click(function () {
// 현재 클릭된 Row(<tr>)
let tr = $(this);
let td = tr.children();
let day = td.eq(4).text().substring(0, 3);
let day1 = td.eq(4).text().substring(4, 7);
let time = Number(td.eq(5).text().substring(0, 1));
let time1 = Number(td.eq(5).text().substring(2, 3));
console.log(day);
console.log(day1);
console.log(time);
console.log(time1);
let dayArray = [day, day1];
let timeArray = [time, time1];
let timelineColor = getRamdomColor();
for (i = 0; i < dayArray.length; i++) {
let day;
switch (dayArray[i]) {
case 'monday':
day = 'mon';
break;
case 'tuesday':
day = 'tue';
break;
case 'wednesday':
day = 'wed';
break;
case 'thursday':
day = 'tur';
break;
case 'friday':
day = 'fri';
break;
}
let clickDay = day + timeArray[i];
let clickDay1 = day + (Number(timeArray[i]) + 1);
$(`#${clickDay}`).css('background-color', timelineColor);
$(`#${clickDay1}`).css('background-color', timelineColor);
}
})
})
理查德
你必须先重置你的背景，像这样
（点击功能的第一行）
$('myTable td').css('background','transparent');
将 myTable 替换为您的表 ofc（或类或 ID）的名称
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery：在输入和点击文字之间切换
- 2
JavaScript中的“点击切换”菜单（无JQuery）
- 3
jQuery 根据点击的链接切换/更改内容
- 4
将 cookie 添加到 jquery 切换视频背景切换器
- 5
jQuery .slideToggle切换时更改'x'类背景
- 6
无法在jQuery中切换背景图片
- 7
jQuery切换-更改图像的背景位置
- 8
jquery在表中切换背景颜色
- 9
每次点击切换addClass
- 10
每次点击切换addClass
- 11
jQuery切换脚本
- 12
jQuery单击以切换
- 13
jQuery切换循环
- 14
简单的jQuery切换
- 15
jQuery切换按钮
- 16
jQuery切换.css
- 17
jQuery切换循环
- 18
jQuery导航切换
- 19
jQuery多重切换
- 20
jQuery切换跳转
- 21
jQuery切换元素
- 22
jQuery图像切换
- 23
jQuery类切换
- 24
切换jQuery PHP
- 25
JQuery 切换删除
- 26
jQuery切换点击
- 27
jQuery在点击和焦点上切换输入可见性
- 28
JQuery 切换按钮前两次点击无法按预期工作
- 29
jQuery-在切换中切换
我来说两句