宝哥软件园

Jquery表格合并的问题分享

编辑:宝哥软件园 来源:互联网 时间:2021-10-17

这里我使用框架库,这个就不用过多介绍了,有几个知识点: - 选择器tr:eq(索引),表示选择指定指数索引的tr元素,索引索引从0开始- tempRow.parent(),表示返回tempRow对象的父节点对象- $('td/').prependTo(),表示将一个任务描述元素添加到指定元素的内容头部实例代码index.html复制代码代码如下: html xmlns=' http://www。w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/script src=' http : jquery。js ' language=' JavaScript '/脚本样式类型=' text/CSS '!-TD body,th { font-family: Verdana,Arial,Helvetica,无衬线;font-size : 12px} #gridview,# grid view TD {边框:1 px # CCC实心;边框塌陷:}-/style/head body表id=' GridView ' width=' 386 '边框=' 0 '单元格间距=' 0 '单元格填充=' 6 ' tr TD width=' 59 ' align=' center ' strong课别/strong/td宽度='76' align='center'strong班别/strong/td宽度='73' align='center'strong班次/strong/td宽度='130 '对齐='居中强烈的出勤时间/strong/TD/tr TD陈伟勋运输署/运输署一班制运输署/运输署白班TD/TD 2011-09-09陈伟勋运输署/运输署一班制运输署/运输署夜班TD/TD 2011-09-09陈伟勋运输署/运输署两班制运输署/运输署白班TD/TD 2011-09-09陈伟勋运输署/运输署两班制运输署/运输署白班TD/TD 2011-09-09陈伟勋运输署/运输署两班制运输署/运输署夜班TD/TD 2011-09-09陈伟勋运输署/运输署三班制运输署/运输署早班TD/TD 2011-09-09陈伟勋运输署/运输署三班制运输署/运输署中班TD/TD 2011-09-09陈伟勋运输署/运输署三班制运输署/运输署晚班TD/TD 2011-09-09张文军运输署/运输署一班制运输署/运输署白班TD/TD 2011-09-09张文军/td任务描述两班制运输署/运输署白班TD/TD 2011-09-09张文军运输署/运输署两班制运输署/运输署白班TD/TD 2011-09-09张文军运输署/运输署两班制运输署/运输署夜班TD/TD 2011-09-09张文军运输署/运输署三班制运输署/运输署夜班TD/TD 2011-09-09张文军运输署/运输署三班制运输署/运输署中班TD/TD TD 2011-09-09/TD/tr/table脚本var grid=$(“# grid view”);var rowCount=grid.find('tr ').长度-1;var FlagRow=网格。find(' tr : eq(' RowCount ')).find('td:eq(0)').html();var sp=0;for(var I=行数;I=0;I-){ var tempRow=grid。find(' tr : eq(' I '));if(FlagRow==TempRow。查找(' TD : eq(0)').html()){ TempRow。查找(' TD : eq(0)').移除();} else { $('td/').attr('rowspan ',rowCount-i-sp).html(flagRow).前置到(tempRow.parent().find(' tr : eq(' I(1)')));标志行=TempRow。查找(' TD : eq(0)').html();sp=row count-I;如果(我!=0) { tempRow.find('td:eq(0)').移除();} } }/脚本/正文/html注释掉框架代码的效果图

运行框架代码的效果图

小结代码写得很粗糙,只是简单做个笔记,最近在忙着整理编写一些框架插件和网站插件,Python和PyQt的相关文章都未来得及整理发布,唉,时间不够用啊,只能慢慢来了Jquery。是相当不错的说,内置咝咝选择器后,那速度更是飞一般,貌似现在到1.6版本了,希望越做越好吧!

更多资讯
游戏推荐
更多+