JQuery – 设置TBODY

前端之家收集整理的这篇文章主要介绍了JQuery – 设置TBODY前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表定义如下:
<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有很棒的文档:

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

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

猜你在找的jQuery相关文章