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选择器中的值。

Fiddle

使用JQuery将数据输入HTML表格的最佳方法是什么？

2 个答案: