javascript - jQuery：查找包含两个具有特定文本的单元格的表格行

Question

我有一个包含两列代码的表格。我将它们命名Main Code为Sub Code. 当用户填写它们并按下键，更改包含和的行时，我有 2 个用于在表中搜索的文本框。我看到这个话题：Enterbackground-colorMain CodeSub Code

查找包含包含特定文本的表格单元格的表格行

但它不知道如何检查 2 个单元而不是一个单元。请帮助我

谢谢

编辑 1)

这是我的表的一个例子：

<table border="1" cellpadding="0" cellspacing="0" style="width: 400px; text-align: center;">
    <tr style="background-color:Aqua">
        <th style="width: 25%">
            Main Code</th>
        <th style="width: 25%">
            Sub Code</th>
        <th style="width: 25%">
            ID</th>
        <th style="width: 25%">
            Desc</th>
    </tr>
    <tr>
        <td style="width: 25%">
            10000</td>
        <td style="width: 25%">
            1</td>
        <td style="width: 25%">
            454</td>
        <td style="width: 25%">
            some Desc</td>
    </tr>
    <tr>
        <td style="width: 25%">
            10000</td>
        <td style="width: 25%">
            2</td>
        <td style="width: 25%">
            123</td>
        <td style="width: 25%">
            some</td>
    </tr>
    <tr>
        <td style="width: 25%">
            10001</td>
        <td style="width: 25%">
            1</td>
        <td style="width: 25%">
            454</td>
        <td style="width: 25%">
            some</td>
    </tr>
</table>

Answer 1

    searchTerm1 = $('input.maincode').val();
    searchTerm2 = $('input.subcode').val();
    $("td:contains("+searchTerm1+")")
        .siblings()
        .filter(":contains("+searchTerm2+")").parent('tr').css('background','yellow');

Answer 2

http://jsfiddle.net/JrrDn/47/

代码可能有点混乱，但这个概念是成立的。基本上，您想遍历每个 tr 并检查 nth-child(1) 和 nth-child(2) 是否是您要查找的值。

Answer 3

为此使用jquery：

 $('table th:contains("Main Code")').parent().css('background-color', 'red'); 
 $('table th:contains("Sub Code")').parent().css('background-color', 'red');