Javascript 使用jquery合并动态创建表的选定单元格

我基于用户输入和使用jquery选择单元格创建了一个动态表。现在我想使用jquery合并选定的单元格

谢谢，谢谢

function CreateTable() {
            var rowCtr;
            var cellCtr;
            var rowCnt;
            var cellCnt;
            var myTableDiv = document.getElementById("myDynamicTable");
            var table = document.createElement('Table');
            table.border = '1';
            table.id = 'myTable';
            var tableBody = document.createElement('Tbody');
            table.appendChild(tableBody);
            rowCnt = document.getElementById('txtrows').value;
            cellCnt = document.getElementById('txtcols').value;
            for (var rowCtr = 0; rowCtr < rowCnt; rowCtr++) {
                var tr = document.createElement('tr');
                tableBody.appendChild(tr);
                for (var cellCtr = 0; cellCtr < cellCnt; cellCtr++) {
                    var td = document.createElement('td');
                    td.width = '120';
                    td.appendChild(document.createTextNode("Row:" + rowCtr + " Column:" + cellCtr));
                    tr.appendChild(td);
                }
            }
            myTableDiv.appendChild(table);
            $(document).ready(function () {
                $('#myTable td').click(function () {

                    var selected = $(this).hasClass('highlited');
                    $('#myTable tr').removeClass('highlited');

                    if (!selected)
                        $(this).addClass('highlited');
                });
                });
            });
        }

函数CreateTable（）{
var rowCtr；
var-cellCtr；
var-rowCnt；
var-cellCnt；
var myTableDiv=document.getElementById（“myDynamicTable”）；
var table=document.createElement（'table'）；
table.border='1'；
table.id='myTable'；
var tableBody=document.createElement（'Tbody'）；
table.appendChild（表体）；
rowCnt=document.getElementById（'txtrows'）.value；
cellCnt=document.getElementById（'txtcols'）.value；
对于（var rowCtr=0；rowCtr

用户界面：

---

单击“合并”按钮时，应合并选定的单元格。

您希望在动态创建后突出显示

TD

第1部分：

• 步骤1：动态创建

  表

• 步骤2：对每个

  td

第2部分：

• 合并

  td

  在每个

  tr

  中拥有

  highlited

  类的人

请检查以下代码：

函数CreateTable（）{
var rowCtr；
var-cellCtr；
var-rowCnt；
var-cellCnt；
var myTableDiv=document.getElementById（“myDynamicTable”）；
var table=document.createElement（'table'）；
table.border='1'；
table.id='myTable'；
var tableBody=document.createElement（'Tbody'）；
table.appendChild（表体）；
rowCnt=document.getElementById（'txtrows'）.value；
cellCnt=document.getElementById（'txtcols'）.value；
对于（var rowCtr=0；rowCtr

.highlited{背景色：#ffd800；颜色：#ff0000}

行数
列计数
创建表
合并突出显示单元格

var StartTD=null；
var StartIndex=null；
var-EndTD=null；
var-EndIndex=null；
$（）.ready（函数（））{
$（“td”）.unbind（“mousedown”）.bind（“mousedown”，function（）{
$（“table td”）.css（“背景色”）；
StartTD=$（本）；
var y=$（this.index（）；
var x=$（this.parent（）.index（）；
StartIndex={
x:x，
y:y
};
});
$（“td”）.unbind（“mouseup”）.bind（“mouseup”，function（）{
EndTD=$（本次）；
var y=$（this.index（）；
var x=$（this.parent（）.index（）；
EndIndex={
x:x，
y:y
};
选择TD（开始索引，结束索引，绿色）；
});
$（“#btMerge”）。单击（函数（）{
MergeCell（StartIndex，EndIndex）；
MergeCell（EndIndex，StartIndex）；
});
});
功能选择TD（开始索引、结束索引、颜色）{
var MinX=null；
var MaxX=null；
var MinY=null；
var MaxY=null；
if（StartIndex.x对于（var i=MinX；i），您在此处提供的代码不足以复制该表-不仅存在语法错误（额外的结尾
）
），但需要向我们提供元素
myDynamicTable
、
txtrows
和
txtcols
及其内容。当您有一个工作示例时，帮助他人会容易得多。感谢您的回复。@saAction我希望在单击按钮时合并这些突出显示的TDs。检查我发布的ui图像。是否要添加这些内容e
TD
是一个网元