如何使用 with javascript jquery 获得 tbody header 标题？

Question

我正在创建 html table 并使用 JavaScript 获取 table 值。如何获得tableheader个称号？

Date     CAIFI
        
Jun-14   2.217

Jun-15    2.154

Jun-16    1.556

这是我的table。

代码是我写的

var value = $("#whatifanalysisTable tbody tr:nth-child(1)").find("td:eq(1)").text();
alert(value);
getting value 2.217

但是如何获得 table 包含“Date”和“CAIFI”的名称？

Answer 1

我在 snipped 中添加了你的版本并更改了版本，Rory 在评论中也提到了这一点。希望对你有帮助。

tbody to thead
到第

var value = $("#whatifanalysisTable tbody tr:nth-child(1)").find("td:eq(1)").text();
console.log(value);

var headerValue = $("#whatifanalysisTable thead tr:nth-child(1)").find("th:eq(1)").text();
console.log(headerValue);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="tg" id="whatifanalysisTable">
<thead>
  <tr>
    <th class="tg-0lax">DATE</th>
    <th class="tg-0lax">CAIFI</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-0lax">Jun - 14</td>
    <td class="tg-0lax">2.217</td>
  </tr>
</tbody>
</table>

如何使用 with javascript jquery 获得 tbody header 标题？

how to get tbody header titles using with javascript jquery?

javascript

jquery

pentaho-report-designer