我正在使用以下代码尝试将新行附加到 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) 我有这个脚本的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)
但是这个解决方案不起作用.我该怎么办?谢谢!
嗨,我是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)
saleDetailDT.row.add([.....?])。draw();
我知道如何使用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函数,插件或库?