是否可以将多行作为单个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