jsp中td值相同合并的问题

花生丶 123  2017-11-17 11:20:42



如图,已根据之前一位大神的帖子把第一列中相同的合并了,现在的情况是:除了第二列,后面的3列要跟着第一列的合并来合并,求来个大神解答,第一列合并的js如下:
<tr>
<td class="hebing" style="text-align: center;">
${honor.honorOrgName }
</td>
.....
</tr>



$('.hebing').each(function(index, element) {
if(!$(this).hasClass('hide'))
{ var next=$(this).parent('tr').next('tr').children('.hebing');//下一个合并的对象
$(this).attr('rowspan',1);
while($(this).text()==next.text())
{
//合并
$(this).attr('rowspan',parseInt($(this).attr('rowspan'))+1);
//文字居中 添加等值的height和line-height
$(this).attr('style',"height:"+((parseInt($(this).attr('rowspan'))+1)*30)+"px;");
$(this).attr('style',"line-height:"+((parseInt($(this).attr('rowspan'))+1)*30)+"px;");
next.hide();
next.addClass('hide');
next=next.parent('tr').next('tr').children('.hebing');//下一个合并的对象
}
}
});
...全文
88 回复 点赞 打赏 收藏 举报
写回复
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
相关推荐
发帖
JavaScript
加入

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2017-11-17 11:20
社区公告
暂无公告