insertRow不适用于JS中的for循环

Question

$(function(){
  $('#sizePicker').submit(function makeGrid(evt) {
    $('#pixel_canvas').empty();
    evt.preventDefault();
    var row = $('#input_height').val();
    var cell = $('#input_width').val();
    var table = $('#pixel_canvas');
    for(r = 0; r <= row; r++){
        var addRow = table.insertRow(r)
        for(c = 0; c <= cell; c++){
            addRow.insertCell(c);
        }
    }
  });
});

这是我根据输入添加行和单元格的代码，但由于某种原因，当我使用.insertRow和.insertCell时，没有输出，但是当我使用.append时，该函数完美运行。谁知道为什么？

Answer 1

你在dom中处理表格，但它是一个jQuery元素，因此不起作用。

试试这个

table.get(0).insertRow(r)