1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html某一单元格边框颜色 javascript – jQuery:更改ONE表格单元格的边框颜色

html某一单元格边框颜色 javascript – jQuery:更改ONE表格单元格的边框颜色

时间:2021-04-24 20:16:14

相关推荐

html某一单元格边框颜色 javascript – jQuery:更改ONE表格单元格的边框颜色

我在这里有一个简单的

HTML选项表:

具有相关样式的CSS:

td { background-color: #FFF; border: 1px solid #3F3F3F; cursor: pointer; }

td.selected { color: #D93A2C; border: 1px solid #D93A2C; }

看起来像这样:

当我点击其中一个表格单元格时,我希望边框和文本为红色.所以我使用jQuery使用以下代码切换’.selected’类.

$('td').each(function(){

$(this).click(function(){

$(this).toggleClass('selected');

});

});

但结果如下:

第一个表格单元格(蓝色)是唯一一个在选中时看起来像我想要的单元格.我需要突出显示所选单元格的所有边框.

关于如何实现这一点的任何想法?如果有人能提出更好的方法,我不反对放弃赌桌.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。