使用jQuery标识表元素中的所有行

前端之家收集整理的这篇文章主要介绍了使用jQuery标识表元素中的所有行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试从< tbody>中检索所有行表的一部分,但不确定这样做的语法.我在下面包含了一个虚拟表提取,以及我使用jQuery实现任务的最新尝试!

提取物:

<tbody>
 <tr>
  <th id="emergency" colspan="2">Emergency</th>
 </tr>
    <tr>
      <td>Emergency data</td>
      <td>Emergency data</td>
    </tr>
    <tr>
      <td>Emergency data</td>
      <td>Emergency data</td>
    </tr>
</tbody>
<tbody> 
 <tr>
  <th id="urgent" colspan="2">Urgent</th>
 </tr>
    <tr>
      <td>Urgent Data</td>
      <td>Urgent Data</td>
    </tr>
    <tr>
      <td>Urgent Data</td>
      <td>Urgent Data</td>
    </tr>
 </tbody>

jQuery代码

var emergencyRows = $table.find('#emergency').children().get();

解决方法

我的建议是将ID属性放在tbody而不是每一行的第一行.

HTML

<table>
    <tbody id="emergency">
        <tr>
            <th colspan="2">Emergency</th>
        </tr>
        <tr>
            <td>Emergency data</td>
            <td>Emergency data</td>
        </tr>
        <tr>
            <td>Emergency data</td>
            <td>Emergency data</td>
        </tr>
    </tbody>
    <tbody id="urgent">
        <tr>
            <th colspan="2">Urgent</th>
        </tr>
        <tr>
            <td>Urgent Data</td>
            <td>Urgent Data</td>
        </tr>
        <tr>
            <td>Urgent Data</td>
            <td>Urgent Data</td>
        </tr>
    </tbody>
</table>

jQuery的

var emergencyRows = $("tbody#emergency").find("tr:gt(0)");
var urgentRows = $("tbody#urgent").find("tr:gt(0)");

除了第一行之外,jQuery代码段将获取所有相应的行.

猜你在找的jQuery相关文章