用Javascript追加建立一个列表

Question

I want to build a list with a Javascript that uses Append function.

I have a index.php file, script.js file and a search.php file that makes the mysql query.

I got it all to work but the layout is not the best. So i wounder how to make the layout better.

I want it to be displayed as a list this should be done with CSS or table?

Right now it just shows up like this 414622570992222

this.number=70992222 this.code=4146225

So what i want it to like like is a list without boarders like this (but no borders).

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

Here is some code from my script.js file.

$.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>");

And this is the display line in my index.php file

        <div id='results-holder'>


            <ul id='results-list'>

Answer 1

replace your ul tag with a table

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

then append table headings and rows to your table with 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>");

more info about html tables can be found here:

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