javascript - 如何为动态表Td(不是Th)添加div

Question

 function table() {
            var body = document.body,
                     tbl = document.createElement('table'),
                     tableId = document.createAttribute('id');
            tableId.value = "table";
            tbl.setAttributeNode(tableId);
            tbl.className = 'table2';
            var id = 0;
            for (var i = 0; i < 30; i++) {
                var tr = tbl.insertRow();
                tr.setAttribute("data-id", i, 0);

                for (var j = 0; j < 4; j++) {

                    var td = tr.insertCell();
                    td.appendChild(document.createTextNode(""));

                    td.id = "td" + id ;
                    id++;
                }

            }
            
           
            $(".middletablediv").append(tbl);
           
        };
        table();

我有一个包含 td 和 th 的动态表，我为表 td 添加了 div，但它也会影响 th 。我不希望在 th 中使用该 div，我只想在 div 中使用 div

$('tr:first-child').children('td').replaceWith(function(i, html) {
  return '<th>' + html + '</th>';
});

此代码用于将第一行 td 更改为 th和

$('#table td').wrapInner('<div class="tddivcolor divtime" />');

这用于向 td 添加类

Answer 1

我能看到的唯一原因是脚本执行的顺序。

如果您先运行包装代码，然后运行 ​​td->td 转换代码，则 div 将添加到第一个行也。

因此，一种解决方案是修复顺序并首先移动第 th 转换代码。

如果这是不可能的，那么您可以将第一行排除在换行之外

$('#table tr:not(:first-child) td').wrapInner('<div class="tddivcolor divtime" />');