html相同数据合并,HTML TBLE表格重复内容列合并javascript方法

先贴出来javascript代码

setInterval(function AutoMerge() {

if ($('.table tbody tr').eq(0).data('mergetd') == undefined) {

var date = '';

var start = 0;

var end = 0;

$('.table tbody tr').each(function(index) {

if (date == $(this).find('td').eq(0).html()) {

end = index;

} else {

$('.table tbody tr').eq(start).find('td').eq(0).attr('rowspan', end - start + 1).css({

'vertical-align': 'middle'

});

/*console.log(start + ',' + end + ',' + date); */

for (var i = start + 1; i <= end; i++) {

$('.table tbody tr').eq(i).find('td').eq(0).remove();

};

start = index;

end = index;

}

date = $(this).find('td').eq(0).html();

if (index == $('.table tbody tr').size() - 1) {

$('.table tbody tr').eq(start).find('td').eq(0).attr('rowspan', end - start + 1).css({

'vertical-align': 'middle'

});

for (var i = start + 1; i <= end; i++) {

$('.table tbody tr').eq(i).find('td').eq(0).remove();

}

}

});

}

$('.table tbody tr').eq(0).data('mergetd', 1);

},

50);效果图：