JQuery - 设置TBODY

Question

我有一个表定义如下:

<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执行此操作？

谢谢!

Answer 1

你会用:

$("#myTable > tbody");

选择tbody作为直接后代的元素#myTable.

或者,您可以使用:

$('tbody', '#myTable');

它tbody在上下文中查找所有元素#myTable.

在jQuery中,通常有几种方法可以实现您的需求.

另一种方式,是:

$('#myTable').children('tbody');

这与我上面的第一个解决方案实际上是一样的.

jQuery有很棒的文档:

选择器: http ://api.jquery.com/category/selectors/

遍历: http ://api.jquery.com/category/traversing/

Answer 2

尝试：

$("#myTable tbody")