码迷,mamicode.com
首页 > Web开发 > 详细

基于JQuery实现相同内容合并单元格[转]

时间:2015-08-29 14:01:26      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript"> 
jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery小插件 
    return this.each(function(){
        var that;
        $(‘tr‘, this).each(function(row) {
            $(‘td: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);
});
</script>

技术分享

基于JQuery实现相同内容合并单元格[转]

标签:

原文地址:http://www.cnblogs.com/liuswi/p/4769049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!