从表中删除行后重置斑马纹样式

 M7y4C8r2a6z4y 发布于 2023-02-10 14:45

我有一个表,使用bootstrap,用于:nth-child设置交替表行的样式.但是,每当我用jQuery删除一行时.hide(),交替的行都会中断.

HTML:


Heading A Heading B Heading C
0 b c
1 b c
2 b c
3 b c
4 b c

JS:

$('#r4').hide();

http://jsfiddle.net/saznq/1/

我想知道是否有一种简单的方法可以使用新配置重置表.我总是可以创建自己的类.even.odd类,并在每次更新后过滤表以删除并重新应用类,但希望有一个更优雅的解决方案.

1 个回答
  • 除此之外$('#r4').remove();,您可以使用以下内容:

    $('#r4').after('<tr></tr>').hide();
    

    jsFiddle例子

    这会隐藏元素,并<tr>在其后面添加一个空元素,移动它的移除,从而不会干扰:nth-child样式.

    2023-02-10 14:47 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有