什么方法最好使用JQuery将数据输入到HTML表格中？

Question

我有这个表：

 <div id="customer-content"> 
      <table> 
       <caption>Customer Details</caption> 
       <tr> 
        <th>Customer no</th> 
        <td>customer-no</td> 
       </tr> 
       <tr class="alt"> 
        <th>First name</th> 
        <td>first-name</td> 
       </tr> 
       <tr> 
        <th>Last name</th> 
        <td>last-name</td> 
       </tr> 
       <tr class="alt"> 
        <th>Phone number</th> 
        <td>phone-number</td> 
       </tr> 
       <tr> 
        <th>Date of birth</th> 
        <td>dob</td> 
       </tr>     
      </table> 
     </div> 

的是通过jQuery输入一些数据到它的最佳方式：

$('div#customer-content table tr td').text('1234'); 

以上是OK的客户没有，但我怎么做休息？

Answer 1

这样做的另一种方式可能是这样的： -

$('div#customer-content table tr td').eq(0).text('1234'); 

这将输入1234到该行的第一个单元格（我们使用零作为第一个项目在JavaScript数组中） 。进入第二，你可以使用： -

$('div#customer-content table tr td').eq(1).text('1234'); 

等等，在EQ选择保值增值，当您去。

Fiddle

Answer 2

var texts = ['text1','text2','text3',...]; 
var i = 0; 
$('div#customer-content table tr td').each(function(){$(this).text(text[i]);i++;};