我有一个表定义如下:
<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.我想在’myTable’中的tbody元素中写一些HTML.但是,我在理解如何使用选择器执行此操作时遇到问题.我知道我可以使用“myTable”:
$("#myTable")
我知道我可以使用以下命令设置myTable的HTML:
$("#myTable").html(someHtmlString);
但是,它设置整个表的HTML.实际上,我只想在’myTable’的TBODY中设置HTML.我如何使用JQuery执行此操作?
谢谢!
解决方法
你会用:
$("#myTable > tbody");
它选择了作为#myTable的直接后代的tbody元素.
或者,您可以使用:
$('tbody','#myTable');
它在#myTable的上下文中查找所有tbody元素.
在jQuery中,通常有几种方法可以实现您的需求.
另一种方式,是:
$('#myTable').children('tbody');
这与我上面的第一个解决方案实际上是一样的.
jQuery有很棒的文档: