如何使用jquery突出显示基于th文本的表列?

你需要得到 th 有 突出 文本。所以使用 :contains() 选择它,然后使用 .index() 第 td

请注意 :包含() Highlighted 和 Text Highlighted .filter() 相反。

var i = $("table th:contains('Highlight')").index();
$("table tr th, table tr td").filter(function(){
  return $(this).index() == i;
}).css("background", "pink");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table width=200 border=1>
<tr>
    <th>Ignore</th>
    <th>Highlight</th>
    <th>Ignore</th>
</tr>
<tr>
    <td>yep</td>
    <td>yep</td>
    <td>yep</td>
</tr>
 <tr>
    <td>yep</td>
    <td>yep</td>
    <td>yep</td>
</tr>
</table>

由于指定的列名不会更改,因此可以使用jQuery.contains包含:

$( "body > table > tbody > tr > td:contains('Highlight')" ).css('background-color', 'pink');

需要在多个表中突出显示:最终解决方案

$("th:contains('Highlight')").each(function() {
    $(this).closest('table').find('td:nth-child(' + ($(this).index() + 1) +')').css('background-color', 'pink');
});