javascript - 如何将拖动选定的单元格计数赋予 colspan 值

Question

我这里有动态表。我正在尝试将选定的单元格计数作为 colspan 值拖动到选定的表格单元格(合并)。我的 fiddle http://jsfiddle.net/kannankds/q35vm6qv/6/

$(document).mouseup(function () {
isMouseDown = false;
mylength = $("td.highlighted").length;
//alert(mylength);
});    
$("#mergeme").live('click', function () {
$("td.highlighted").attr("colspan"+ mylength);
alert("colspan" + mylength);
});

Answer 1

你可以改变这个:

$("#mergeme").live('click', function () {
$("td.highlighted").attr("colspan"+ mylength);
alert("colspan" + mylength);
});

为此:

    $("#mergeme").click(function () {
        var mylength = $(".highlighted").length;

        // Add the colspan of already merged columns
        $(".highlighted").each(function(index,el){
            if($(el).attr("colspan")>1)
                mylength += $(this).attr("colspan") - 1;
        });

        // Get text from highlighted cells
        var alltext = $(".highlighted").text();

        // Hide non-first highlighted cells
        $("td.highlighted:not(:first)")
            .hide()
            .toggleClass("highlighted");

        // Set text to first highlighted cell, unhighlight, and set colspan
        $("td.highlighted:first").attr("colspan", mylength)
            .text(alltext)
            .toggleClass("highlighted");
      });

演示 fiddle :http://jsfiddle.net/lparcerisa/9ep1gsr8/1/

注意:您应该将选择限制在同一行的单元格中，否则合并会一团糟。