Question

当我使用jQuery将行追加到html表时，它会添加一个不在我的html字符串中的额外行，请参阅下面的代码：

var stringTable = '<thead><tr><th class="sr-only">Row Index</th><th>Column 0</th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>List Name</th><th>Status</th><th>Comments</th><tr></thead><tbody><tr><td class="sr-only">0</td><td>A & B</td><td>143 AVE</td><td></td><td>AMAZON</td><td>EU</td><td>List 1</td><td></td><td></td><tr></tbody>';
        $(stringTable).appendTo('.table');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table"></table>

这是一个jQuery错误吗？我该如何解决？

Answer 1

你没有关闭第一个tr，但最后重新打开了它。简单就是＆＃34; /＆＃34;缺少;）

Answer 2

你的sintax错误html ......

添加小html，如下所示：

     var head_stringTable = '<thead><tr><th class="sr-only">Row Index</th><th>Column 0</th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>List Name</th><th>Status</th><th>Comments</th></tr></thead>';
     var body_stringTable = '<tbody></tbody>';
     $('.table').append(head_stringTable);
     $('.table').append(body_stringTable);
     var table_body=$('.table').find('tbody');
     var table_row='<tr><td class="sr-only">0</td><td>A & B</td><td>143 AVE</td><td></td><td>AMAZON</td><td>EU</td><td>List 1</td><td></td><td></td><tr>';
     table_body.append(table_row);

完整摘录：

＆＃13;

     var head_stringTable = '<thead><tr><th class="sr-only">Row Index</th><th>Column 0</th><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>List Name</th><th>Status</th><th>Comments</th></tr></thead>';
     var body_stringTable = '<tbody></tbody>';
     $('.table').append(head_stringTable);
     $('.table').append(body_stringTable);
     var table_body=$('.table').find('tbody');
     
     var table_row='<tr><td class="sr-only">0</td><td>A & B</td><td>143 AVE</td><td></td><td>AMAZON</td><td>EU</td><td>List 1</td><td></td><td></td><tr>';
     
     table_body.append(table_row);
     
     var table_row='<tr><td class="sr-only">0</td><td>C & B</td><td>146 AVE</td><td></td><td>AMAZON</td><td>US</td><td>List 2</td><td></td><td></td><tr>';
     
     table_body.append(table_row);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table class="table"></table>

＆＃13;

jQuery向表中添加不在我的html字符串中的行

2 个答案: