javascript - 根据第一个单元格内容获取表格单元格值

Question

我有一个包含多个动态表的页面，其中一个表如下结构

Col1 Col2 Col3
1    One  Two
2    b    15/12/2017
3    a    X
2    W    10/12/2014

HTML

<table id="table1">
<tbody>
<tr>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr>
<tr> <td>1</td>
     <td>b</td>
     <td>15/12/2017</td>
</tr>
<tr> <td>2</td>
     <td>b</td>
     <td>15/10/2017</td>
</tr>

<tr> <td>3</td>
     <td>b</td>
     <td>15/09/2017</td>
</tr>
</tbody>
</table>

我想知道如何根据 col1 的值获取 col3 中带有 header 名称的单元格？

例如:

我想通过 ID 查找表格并检查每行的第一个单元格，如果它等于 2，则获取同一行中 col 3 的单元格值!

任何帮助将不胜感激

Answer 1

您可以尝试使用 jquery 进行一些操作，如下面的代码片段。

更新:您也可以使用$('th:contains("col3")').index()通过表标题获取特定列

$(document).ready(function() {
  $('#myTable').find('tbody td:first-child').each(function() {
    if ($(this).text() == '2') {
      console.log($(this).closest('tr').find('td').eq($('th:contains("col3")').index()).text());
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="myTable">
  <thead>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>one</td>
      <td>ONE</td>
    </tr>
    <tr>
      <td>2</td>
      <td>two</td>
      <td>TWO</td>
    </tr>
    <tr>
      <td>3</td>
      <td>three</td>
      <td>THREE</td>
    </tr>
  </tbody>
</table>