複数の行を単一のDOMオブジェクトとして扱うことは可能ですか？

Question

複数の連続するテーブル行（<tr>）を1つのDOMオブジェクトとして扱う方法はありますか？私は、 "論理的な子"が複数の行にまたがるテーブルを持っています（私の場合は2つです）。表示されると、それらは他の行と混合されますが、それらの行を単一の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