我这里有动态表。我正在尝试将选定的单元格计数作为 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);
});
最佳答案
你可以改变这个:
$("#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/
注意:您应该将选择限制在同一行的单元格中,否则合并会一团糟。
关于javascript - 如何将拖动选定的单元格计数赋予 colspan 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25505471/