使用'headers'属性遍历带有JavaScript/jQuery的HTML表

And*_*lis 1 javascript jquery html-table

可以说我有下表:

<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>
Run Code Online (Sandbox Code Playgroud)

是否有使用JavaScript或jQuery来找到使用数据的特定细胞的任何原生方式headers属性和th标签id,否则我就必须建立自己的功能?

我目前正在使用regular expressionsjQuery('td', 'table tbody').each()循环来检索我需要使用的特定单元格,虽然这不太理想,因为它单独循环遍历每个单元格.

MyS*_*eam 5

var td = $('td[headers="th_01 th_10"]');
Run Code Online (Sandbox Code Playgroud)

也许?