Javascript 使用'；标题'；属性

假设我有下表：

<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>

TH 01
TH 02
TH03
TH 04
TH10
数据11
数据12
数据13
数据14
第20次
数据21
数据22
数据23
数据24

是否有任何使用JavaScript或jQuery的原生方法来使用

headers

属性和

th

标记

id

查找特定的数据单元，或者我必须自己构建功能

我目前正在使用

正则表达式

和

jQuery（'td'，'table tbody'）。each（）

循环检索我需要使用的特定单元格，尽管这不太理想，因为它分别在每个单元格中循环

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

也许吧

---

也许吧？

我真的想这么做！实际上我只是想这么做！