javascript - 'headers'属性を使用してJavaScript/jQueryでHTMLテーブルをトラバースする

Question

次の表があるとしましょう。

<table>
  <thead>
    <tr>
     <th id="th_00">&nbsp;</th>
     <th id="th_01">TH 01</th>
     <th id="th_02">TH 02</th>
     <th id="th_03">TH 03</th>
     <th id="th_04">TH 04</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th id="th_10">TH 10</th>
      <td headers="th_01 th_10">DATA 11</td>
      <td headers="th_02 th_10">DATA 12</td>
      <td headers="th_03 th_10">DATA 13</td>
      <td headers="th_04 th_10">DATA 14</td>
    </tr>
    <tr>
      <th id="th_20">TH 20</th>
      <td headers="th_01 th_20">DATA 21</td>
      <td headers="th_02 th_20">DATA 22</td>
      <td headers="th_03 th_20">DATA 23</td>
      <td headers="th_04 th_20">DATA 24</td>
    </tr>
  </tbody>
</table>

headersJavaScriptまたはjQueryを使用して、属性とthタグを使用してデータの特定のセルを見つけるネイティブな方法はありますかid、それとも自分で機能を構築する必要がありますか？

私は現在、使用する必要のある特定のセルを取得するためregular expressionsにjQuery('td', 'table tbody').each()ループを使用していますが、これは各セルを個別にループするため、理想的とは言えません。

Answer 1

var td = $('td[headers="th_01 th_10"]');

多分？