javascript–jQuery–OnClick,单击时总是更改表格单元格的背景颜色

javascript–jQuery–OnClick,单击时总是更改表格单元格的背景颜色,第1张

概述例如:你有一张桌子,它有4个tds和2个trs.表的背景颜色为白色.如果我点击A td,A td应为红色,如果我点击B,B td应为红色,A td也应为红色.如果我点击C比,C应为红色,B和A也应为红色.我有类似的东西.但它并不好,因为当我再次点击时,我想将颜色改回白色.http://jsfiddle.net/k8UgT/193/我使用的代码<tabl

例如:
你有一张桌子,它有4个tds和2个trs.表的背景颜色为白色.如果我点击A td,A td应为红色,如果我点击B,B td应为红色,A td也应为红色.如果我点击C比,C应为红色,B和A也应为红色.

我有类似的东西.但它并不好,因为当我再次点击时,我想将颜色改回白色.

http://jsfiddle.net/k8UgT/193/

我使用的代码

Js:

$( function() {  $('td').click( function() {    $(this).CSS('background','#aaa')  } );} );
最佳答案欢迎来到SO.

首先,您不需要在td上使用onclick属性.其次,我建议使用CSS类而不是设置背景颜色.

CSS

.red-cell {   background: #F00; /* Or some other color */}

Js

$( function() {  $('td').click( function() {    $(this).toggleClass("red-cell");  } );} );

阅读更多关于toggleClass here的信息.
更新fiddle 总结

以上是内存溢出为你收集整理的javascript – jQuery – OnClick,单击时总是更改表格单元格的背景颜色全部内容,希望文章能够帮你解决javascript – jQuery – OnClick,单击时总是更改表格单元格的背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1126328.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)