獲取表格單元格值

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的單元格？

EX：

我想通過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>

Answer 2

與jQuery相當容易;如果你找到了這個單元格，找到這一行，並找到該行中的第三個單元格;

$('td') // Select all cells 
.filter(function() { // Filter the cells 
    return $(this).text() == '2'; 
}) 
.closest('tr') // get the table row 
.find('td') // select all cells in that row 
.eq(2) // select the third cell (0-based index) 
.text(); // this will output '15/12/2017' 

編輯我今天心情很好，看看這個小演示; https://jsfiddle.net/a32knb81/。只需在輸入字段中輸入搜索關鍵字，即可獲得同一行中第三列的值。