Javascript 用于表'的结构操作的良好代码；使用JQuery设置单元格/行

我正在编写所见即所得编辑器（设计模式下的iframe），但我找不到好的代码来处理表。不是简单的表格，任何单元格的rowspan或colspan都是1！我的意思是关于硬表变体，比如：

<table border=1>
 <tr>
 <td rowspan=2 colspan=2 width=60px height=60px>  </td>
 <td height=30px width=30px>  </td>
 </tr>
 <tr>
 <td rowspan=2 width=30px height=60px>  </td>
 </tr>
 <tr>
 <td height=30px width=30px>  </td>
 <td height=30px width=30px>  </td>
 </tr>
 </table>

我找到的任何代码都只适用于简单的表。例如，这是用于插入行的代码，它会出错：

var cell = select.current;
var row = cell.closest('tr');
var table = row.closest('table');

row.after('<tr></tr>');
var row_new = row.next();

row.children().each(function()
{
    var cs = $(this).prop('colSpan');

    if ( cs == 1 )
    {
        row_new.append('<td>&nbsp;</td>');
    }
    else
    {
        row_new.append('<td colspan=' + cs + '>&nbsp;</td>');        
    }
});

var cell=select.current；
var行=最近的单元格（'tr'）；
var table=行。最近的（'table'）；
行。在（“”）之后；
var row_new=row.next（）；
row.children（）.each（函数（））
{
var cs=$（this.prop（'colSpan'）；
如果（cs==1）
{
行\新。附加（“”）；
}
其他的
{
行\新。附加（“”）；
}
});

---

我认为正确的代码可能会分析所有表行并更改行跨度值等。

有TinyMCE和demo的社区版。我当然知道tinymce，但是：1）使用单元格时出错2）他还没有为我的个人编辑器准备好类似表操作类的代码。