javascript – jQuery – OnClick,单击时总是更改表格单元格

发布时间：2020-12-14 23:19:30 所属栏目：资源来源：网络整理

导读：例如：你有一张桌子,它有4个tds和2个trs.表的背景颜色为白色.如果我点击A td,A td应为红色,如果我点击B,B td应为红色,A td也应为红色.如果我点击C比,C应为红色,B和A也应为红色. 我有类似的东西.但它并不好,因为当我再次点击时,我想将颜色改回白色. http://j

例如：
你有一张桌子,它有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
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!