1

私はjQueryを初めて使用し、そのようなテーブルから行を非表示にしようとしています:

<table border="1" width="100%" id="table1">
        <tr>
            <td style="text-align: center">
            First Row   
            </td>
        </tr>

        <tr>
            <td style="text-align: center">
            Second row  
            </td>
        </tr>
        <tr>
            <td style="text-align: center">
            Thrid row   
            </td>
        </tr>
</table>

テーブルから 1 行目と 3 行目を非表示にしようとしていますが、どうすればよいですか? 私は試していますが、このコードでは目標を達成できません:

$('#table1 tr').hide()
4

1 に答える 1

4

これを行うには多くの方法があります。ここに1つあります：

$("#table1 tr:even").hide();

行インデックスはゼロから始まることに注意してください。したがって、1 行目と 3 行目は「偶数」です。もちろん、これは偶数行をすべて非表示にしますが、例には3行しかありません。

(0 から始まる) インデックスによって個々の行を明示的に対象にするには:

var $rows = $("#table1 tr");
$rows.eq(0).hide();
$rows.eq(2).hide();

または、html を制御できる場合は、非表示にしたい行にクラスを追加して、クラスに基づいて選択することができます。

于 2013-07-24T02:10:12.603 に答える