javascript - jQuery .append() 没有按预期工作

Question

这是我编写表格的代码:

$("#results").append("<table><tr><th>Name</th><th>Phone Number</th></tr>"); 
$("#results").append("<tr><td>John</td><td>1231231234</td></tr>");
$("#results").append("</table>");

当我使用 CSS 将边框应用于此表格时，它没有正确应用。
请引用这个 fiddle :http://jsfiddle.net/23NQX/1/

我在这里做错了什么？

Answer 1

创建变量 table ..附加<tr>到它......并附加最后一个 table结果

试试这个

 var table=$('<table>');
 table.append('<tr><th>Name</th><th>Phone Number</th></tr>');
 table.append("<tr><td>John</td><td>1231231234</td></tr>");

 $("#results").append(table);

更清晰易读。

append 确实接受额外的参数，所以你甚至可以这样做

 table.append('<tr><th>Name</th><th>Phone Number</th></tr>',"<tr><td>John</td><td>1231231234</td></tr>");

但我更喜欢先...

fiddle