如何合并选定的动态表格单元格

Question

我有一个动态表。表格单元格正在动态生成。如何合并选定的表格单元格？

<table>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Answer 1

的 Demo

在这里回答how can I merge selected table cells using jquery

jquery的

 $("document").ready(function () {
     $("table").delegate("td", "click", function () {
         var colSp = prompt("Number of cells to span");
         $(this).attr("colspan", colSp);

         var ptr = $(this).parent().children();
         for (var i = 1; i < colSp; i++) {
             ptr[ptr.length - i].parentNode.removeChild(ptr[ptr.length - i]);
         }
     });
 });

CSS

table td {
    border: 1px solid black;
    width: 50px;
    height: 50px;
}