javascript - jquery 查找所有完全匹配的 td

Question

$('#servertable td:eq(' + server + ')')

这只找到 1 个(我认为是第一个)匹配项，如何找到所有匹配项。顺便提一句。 td:contains 对我不起作用。

Answer 1

eq 期望数字索引只返回一行。如果你想通过内容匹配一个 td，你必须使用 :contains选择器。说“它不起作用”然后扔掉它不是解决问题的正确方法，因为选择器(很可能)没有错(请注意它的大小写敏感，可能是它......)

无论如何，如果你有这样一张表:

<table>
  <tr>
    <td>Hello</td>
    <td>World</td>
  </tr>
  <tr>
    <td>World</td>
    <td>Hello</td>
  </tr>
  <tr>
    <td>Hello</td>
    <td>Hello</td>
  </tr>
</table>

这段 jQuery 代码:

$(function() {
    $("td:contains('Hello')").css('color','red');
});

会将所有带有“Hello”的单元格变为红色。 Demo .

如果您需要不区分大小写的匹配，您可以使用 filter功能:

$(function() {
    var search = 'HELLO'.toLowerCase();
    $("td").filter(function() {
        return $(this).text().toLowerCase().indexOf(search) != -1;
    }).css('color','red');
});   

如果您需要匹配单元格的精确内容，您可以使用类似于上面的内容:

$(function() {
    var search = 'HELLO'.toLowerCase();
    $("td").filter(function() {
        return $(this).text().toLowerCase() == search;
    }).css('color','red');
});

以上是不区分大小写的(通过在比较时将搜索和内容都变成小写)，否则如果你想要区分大小写，你可以删除它们。 Demo .