javascript - 是否可以将多行作为单个 DOM 对象处理？

Question

有没有办法将多个连续的表行( <tr> )作为单个 DOM 对象处理？我有一个表，其“逻辑子级”跨越多行(在我的特定情况下为两行)。显示时，它们与其他行混合在一起，但我希望能够将这些行作为单个 DOM 对象进行操作(移动、删除、隐藏等)。

Answer 1

是的，将它们放在自己的 <tbody> 中元素。

<table id="my_table">
   <tbody>
       <tr><td> special </td><td> row </td></tr>
       <tr><td> special </td><td> row </td></tr>
   </tbody>

   <tbody>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
       <tr><td> normal </td><td> row </td></tr>
   </tbody>
</table>

---

var table = document.getElementById('my_table');

var special_rows = table.tBodies[0]; // work with just the rows in this tbody
var normal_rows = table.tBodies[1];  // work with the rest