表格中同一列的相同元素合并单元格

最新推荐文章于 2024-04-15 09:10:41 发布

desert3

最新推荐文章于 2024-04-15 09:10:41 发布

阅读量421

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： JavaScript CSS ViewUI

本文链接：https://blog.youkuaiyun.com/desert3/article/details/83923206

Javascript 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种使用jQuery来操作表格中带有特定CSS类的元素的方法。具体而言，该方法会检查这些元素的文本内容是否相同，并对具有相同文本的元素应用rowspan属性，同时移除重复项。这一过程有助于优化HTML表格布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

列的css class为class_name


	   var that;
		$(".class_name").each(function(){
			if ($(this).text() == $(that).text()) {
				rowspan = $(that).attr("rowSpan");
				if (rowspan == undefined) {
					$(that).attr("rowSpan", 1);   
					rowspan = $(that).attr("rowSpan");   
				}
				rowspan = Number(rowspan) + 1;
				$(that).attr("rowSpan", rowspan); // do your action for the colspan cell here
				$(this).remove(); // .remove(); // do your action for the old cell here
		    } else {
				that = this;
		    }
		});