相关疑难解决方法(0)

使用 jQuery 在表中追加新行

我正在使用以下代码尝试将新行附加到 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>');
Run Code Online (Sandbox Code Playgroud)

我的桌子是这样设置的:

<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>
Run Code Online (Sandbox Code Playgroud)

编辑

我的完整代码实际上是:

$('#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>');
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

5
推荐指数
1
解决办法
395
查看次数

表与twitter bootstrap和jQuery

我有这个脚本的js部分:

jQuery.each(data, function(index, value) {
     $("table_div").append("<td>" + value + "</td>");
 });
Run Code Online (Sandbox Code Playgroud)

我想用它来创建一个带有twitter bootstrap的表.在html页面中有这个表元素:

<table class="table table-striped" id="table_div">
</table>
Run Code Online (Sandbox Code Playgroud)

但是这个解决方案不起作用.我该怎么办?谢谢!

html javascript jquery twitter-bootstrap

4
推荐指数
2
解决办法
2万
查看次数

带有按钮和输入框的jQuery datatable row.add

嗨,我是jquery新手,并尝试使用另一个数据表行中的按钮动态地动态添加行。

有什么简单的方法可以使用row.add()函数创建带有按钮的行并输入文本,如下面的tr所示?

<tr>
<td> <button type="button" class="btn green btn-xs select-row" data-id="7" data-includeTax="N">btn</button>
</td>
<td>1</td>
<td>2</td>
<td><input type="text" ></td>
<td>3</td>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明 我试图在onclick事件上调用类似于下面的函数

saleDetailDT.row.add([.....?])。draw();

jquery datatables

2
推荐指数
1
解决办法
6661
查看次数

如何不使用&lt;tr&gt;标记将行追加到表中?

我知道如何使用jquery将新行追加到表中。最简单的方法是使用标签<tr>

函数insertRow(data,reportNumber){  
    var guid = $(data).find('ID')。text();  
    var portId = $(data).find('PortID')。text();  
    var status = $(data).find('Status')。text();  
    $('#gvwCashRegisterList')。append(  
            “ <tr class = \” cashRegisterRow \“> <td> <输入类型= \”复选框\“ value = \”“ + guid +” \“ /> </ td> <td>” +新的Date()。 toLocaleString()+“ </ td> <td>” + guid +“ </ td> <td> </ td> <td>” + reportNumber +“ </ td> <td>” + portId +“ </ td> <td>“ +状态+” </ td> <td> <a href=\"CashRegisterList.aspx\">选择</a> </ td> </ tr>“  
        );  
}

有没有不使用标签的已知方法<tr>?例如:jQuery函数,插件或库?

jquery row html-table append

0
推荐指数
1
解决办法
2788
查看次数