0

コード用の 2 つの列を含むテーブルがMain CodeありSub Codeます。ユーザーが入力してキーを押したときに必要なテーブル内の検索用の2つのテキストボックスがあり、とを含む行を変更します。私はこのトピックを見ます：Enterbackground-colorMain CodeSub Code

特定のテキストを含む表のセルを含む表の行を検索

しかし、1つのセルではなく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>
4

3 に答える 3

1 
    searchTerm1 = $('input.maincode').val();
    searchTerm2 = $('input.subcode').val();
    $("td:contains("+searchTerm1+")")
        .siblings()
        .filter(":contains("+searchTerm2+")").parent('tr').css('background','yellow');
于 2012-06-08T11:58:54.537 に答える
0

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

コードは少し面倒かもしれませんが、コンセプトは成り立っています。基本的に、各 tr を繰り返し処理し、 nth-child(1) と nth-child(2) が探している値であるかどうかを確認します。

于 2012-06-08T12:37:34.207 に答える
-1

これには jquery を使用します。

 $('table th:contains("Main Code")').parent().css('background-color', 'red'); 
 $('table th:contains("Sub Code")').parent().css('background-color', 'red');
于 2012-06-08T12:13:47.960 に答える