这是我的问题。
我有一个像这样的简单表（例如）：
$('#tab tbody tr td').on('click', function() {
var val = $(this).parent().find('table tbody tr th').text();
console.log(val);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tab">
<thead>
<tr>
<th>
Test 1
</th>
<th>
Test 2
</th>
<th>
Test 3
</th>
<th>
Test 4
</th>
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td>G</td>
<td>H</td>
</tr>
</tbody>
</table>console.log(..)当我单击一个<td>元素时，我正在尝试使用列的名称。
我认为这可能是一个简单的解决方案，但我找不到。
提前致谢
您可以使用:eq()&index()来实现这一点。
演示代码：
$('#tab tbody tr td').on('click', function() {
var val = $(this).index(); //get index no of td
console.log($("thead th:eq(" + val + ")").text().trim()); //get th value
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tab">
<thead>
<tr>
<th>
Test 1
</th>
<th>
Test 2
</th>
<th>
Test 3
</th>
<th>
Test 4
</th>
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td>G</td>
<td>H</td>
</tr>
</tbody>
</table>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句