jquery - 使用 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' );

以上对客户没有问题，但我该怎么做？

Answer 1

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

Answer 2

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

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

这会将 1234 输入到行中的第一个单元格中（我们在 javascript 中使用零作为数组中的第一项）。要进入第二个，您将使用：-

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

依此类推，不断增加 eq 选择器中的值。

小提琴