是否可以將多行作爲單個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