我有一个表定义如下:
<table id="myTable" cellpadding="0" cellspacing="0">
<thead><tr>
<th>Date</th>
<th>First Name</th>
<th>Last Name</th>
</tr></thead>
<tbody>
<!-- rows will go here -->
</tbody>
</table>
我正在尝试通过 JavaScript 在运行时动态填充“myTable”。为了适应这一点,我使用 JQuery。我想将一些 HTML 写入“myTable”内的 tbody 元素中。但是,我在理解如何使用选择器执行此操作时遇到问题。我知道我可以使用以下方法获取“myTable”:
$("#myTable")
我知道我可以使用以下命令设置 myTable 的 HTML:
$("#myTable").html(someHtmlString);
但是,这会设置整个表格的 HTML。实际上,我只想在“myTable”的 TBODY 中设置 HTML。我如何使用 JQuery 做到这一点?
谢谢你!
你会使用:
$("#myTable > tbody");
它选择tbody
直接后代元素#myTable
.
或者,您可以使用:
$('tbody', '#myTable');
找到所有tbody
上下文中的元素#myTable
.
在 jQuery 中,通常有多种方法可以完成您的需要。
另一种方法是这样做:
$('#myTable').children('tbody');
这实际上与我上面的第一个解决方案相同。
jQuery 有很棒的文档:
选择器: http://api.jquery.com/category/selectors/ http://api.jquery.com/category/selectors/
遍历: http://api.jquery.com/category/traversing/ http://api.jquery.com/category/traversing/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)