Question

我使用以下代码尝试将新行追加到jquery但它无效。

$('#search-results > tbody').append('<tr><td data-th="Name">Test</td><td data-th="Email">test@test.com</td><td data-th="Phone Number">07777777777</td><td data-th="Car Reg.">ocf83or</td><td data-th="Time">1pm</td></tr>');

我的表设置如下：

<table class="view-bookings-table mobile-optimised hidden" id="search-results">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Email</th>
            <th scope="col">Phone Number</th>
            <th scope="col">Car Reg.</th>
            <th scope="col">Time</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

修改

我的完整代码实际上是：

$('#search').submit(function(event) {
    event.preventDefault();
    $('#search-results > tbody').append('<tr><td data-th="Name">Test</td><td data-th="Email">test@test.com</td><td data-th="Phone Number">07777777777</td><td data-th="Car Reg.">ocf83or</td><td data-th="Time">1pm</td></tr>');
});

Answer 1

您的代码很好，适用于每个可能的jQuery版本。

demo

您的页面上的其他位置可能有jQuery错误，或者您没有加载它。

也是什么

class='hidden'

在做什么？也许这只是一个CSS问题？

使用jQuery在表中追加一个新行

1 个答案: