Question

我有以下代码：

   function createTable() {
        var $table = $('<table>').css({border:'1px dotted lightgrey'});
        var $row = $('<tr>').css({ height: '20px' });
        var $cell = $('<td>').css({width:'120px'});

        $row.append($cell).append($cell);
        $table.append($row).append($row);
        $('body').append($table);
    }

我想在表格中创建2个单元格和行但结果不是我所期望的，它为每个行和单元格只创建1个。

任何建议都会有所帮助。

Answer 1

你需要克隆单元格，否则它将与你第二次使用.append（）时重新定位单元格相同

$row.append($cell).append($cell.clone());

演示：Fiddle

Answer 2

扩展到Aruns的回答，

如果必须多次添加行或单元格，可以创建克隆内容的方法，

function CreateClone(obj, count) {
    count = count || 1;
    var clones = [];

    for (var i = 0; i < count; i++) {
        clones.push(obj.clone());
    }

   return clones;
}

并像这样称呼它，

var rowClones = CreateClone($('<tr>').css({ height: '20px' }), 5);
var cellClones = CreateClone($('<td>').css({width:'120px'}), 5);

将行和单元格附加到表格

2 个答案: