javascript - 使用 Javascript append 构建列表

Question

我想用一个使用 Append 函数的 Javascript 构建一个列表。

我有一个 index.php 文件、script.js 文件和一个进行 mysql 查询的 search.php 文件。

我已经完成了所有工作，但布局不是最好的。所以我想知道如何使布局更好。

我希望它显示为列表，这应该用 CSS 或表格来完成吗？

现在它只是这样显示 414622570992222

this.number=70992222this.code=4146225

所以我希望它喜欢的是像这样的没有寄宿生(但没有边界)的列表。

----------------------
| Number   | Code    |
----------------------
| 70992222 | 4146225 |
----------------------

这是我的 script.js 文件中的一些代码。

$.each(data.results, function(){
                        //Give the list element a rel with the data results ID incase we want to act on this later, like selecting from the list

                        $('#results-list').append("<li rel='" + this.number + "'>" + this.code + this.number + "</li>");

这是我的 index.php 文件中的显示行

        <div id='results-holder'>


            <ul id='results-list'>

Answer 1

用表格替换你的 ul 标签

<table id='results-list'></table>

然后使用 jquery 将表格标题和行附加到您的表格。

$('#results-list').append("<tr><th>number</th><th>code</th></tr>"); 
$('#results-list').append("<tr><td>"+ this.number + "</td><td>" + this.code + "</td></tr>");

关于 html 表格的更多信息可以在这里找到:

http://www.w3schools.com/html/html_tables.asp