Question

我正在尝试使用jQuery创建表。尝试将数组中的整数元素添加到表行会产生错误

未捕获的TypeError：array [i] .appendTo不是函数

使用Chrome调试时收到此错误。

这是代码段：

var rs = "0, 1, 2, 3, 4, 5, 6, 7, 8, 9";
        var array = new Array();
        array = rs.split(", ");
        var tbody = $('<tbody></tbody>').appendTo(tableHTML);
        for (var i = 0; i < array.length; i++) {

            var trHTML = $('<tr></tr>').appendTo(tbody);
            var tdHTML = $('<td align="center"></td>').html(
                    (array[i]).appendTo(trHTML)); // error here

请帮助。谢谢！

Answer 1

我建议使用此解决方案，制定html格式，然后将其动态添加到表中。您不必使用appendTo。

您遇到错误，因为您尝试将字符串附加到html元素之外。

var tableHTML = $("#numberTable");
var rs = "0, 1, 2, 3, 4, 5, 6, 7, 8, 9";
var array = new Array();
array = rs.split(", ");
var html = '<tbody>';
for (var i = 0; i < array.length; i++) {
  html += '<tr><td align="center">'+i+'</td></tr>';
}
html += '</tbody>';
tableHTML.html(html);

<table id="numberTable" style="width:100%">
  
</table>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

 var rs = "0, 1, 2, 3, 4, 5, 6, 7, 8, 9";
 var array = rs.split(", ");       
 var str = ''                      //Sring to append
 for(d in array)                   //for array iteration
 str+='<tr>'+d+'</tr>'             //storing array values in str
 $('#tbody_id').html(str)          //Appending value to tbody

无法将数组元素添加到jQuery中的表行

2 个答案: