1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 基于JQuery实现相同内容合并单元格的代码

基于JQuery实现相同内容合并单元格的代码

时间:2022-10-05 20:58:33

相关推荐

基于JQuery实现相同内容合并单元格的代码

web前端|js教程

相同内容合并

web前端-js教程

web前端开发的时候经常会遇到要做表单的页面或者做一些表格的效果如相同内容要同一个单元格里面显示,一般的方法是table里面在套table但是这种方法会增加页面的负担影响页面加载速度但是如果用DIV有不好控制写的css样式要很多,那怎么办呢?我们就中和下利用JQuery来和他一个table里面相同内容的单元格,这里代码跟大家分享下,希望对大家有用,如下:

头部JQuery代码

电商erp 源码,mdk仿vscode主题,vim使用Ubuntu,tomcat自动编译原理,蓝灯爬虫,php 上午 下午,五色时光seo,javascript网站源码,wordpress手机端模板下载lzw

复制代码 代码如下:

全返php源码下载,ubuntu在线升级内核,tomcat8虚拟路径,爬虫酒店地址,移动开源php,珠海seo推广运营中心使用说明lzw

jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery小插件 return this.each(function(){ var that; $( r, this).each(function(row) { $( d:eq(+colIdx+), this).filter(:visible).each(function(col) { if (that!=null && $(this).html() == $(that).html()) { rowspan = $(that).attr("rowSpan"); if (rowspan == undefined) { $(that).attr("rowSpan",1); rowspan = $(that).attr("rowSpan"); } rowspan = Number(rowspan)+1; $(that).attr("rowSpan",rowspan); $(this).hide(); } else { that = this; } }); }); }); } $(function() { $(“#table1″).rowspan(0);//传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值 $(“#table1″).rowspan(2); });

在body里面加入一个表格

vb采集源码,vscode回车用不,ubuntu菜单栏没有搜索,tomcat集群规划,sqlite有索引吗,谷歌地图网页插件,前端时间版运动框架,谷歌地图免费爬虫工具,php内存占用,学习seo 优化,phpcms调用网站名称,截取微信网页游戏数据,动易sf模板导入,幸运转盘积分抽奖程序 通用版lzw

复制代码 代码如下:

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