Comment cacher une ligne de table dans jQuery?

J'ai un tableau comme ceci

            <table class="headerTable" id="headerTable">
                <tbody>
                    <tr class="hh">
                        <td>test1</td>
                        <td>18,164</td>
                    </tr>
                    <tr class="member">
                        <td>test3</td>
                        <td>24,343</td>
                    </tr>
                </tbody>
            </table>

Je veux cacher les lignes avec un membre de la classe.

J'ai fait quelque chose comme ça, mais c'est pas de travail..

$("#headerTable tbody tr:member").hide();

source d'informationauteur

  1. 21

    Essayer cette

    $("#headerTable tbody tr.member").hide();

    Les sélecteurs de jQuery comme les sélecteurs CSS, donc vous devriez être en mesure de les utiliser comme ça.

    Vous pouvez parcourir le sélecteur jQuery documentation icic'est plein de choses intéressantes que vous pouvez faire.

  2. 4

    De spécifier une classe à l'aide de CSS utiliser un point pour signifier que c'est une classe, pas un colon. Le côlon est utilisé par jQuery pour les filtres.

    $("tr.member").hide();

    Est très bien, sauf si vous voulez être spécifiques à une table.

  3. 2

    Vous pouvez également utiliser find.

    $('#headerTable').find('.member').hide();

    Ou si toutes les lignes (éléments, en fait) avec la classe member doit être caché:

    $('.member').hide();

    devrait fonctionner.

  4. 1

    $("#headerTable .membre").hide();