Cacher une ligne dans la table en utilisant la classe

-1

J'ai des multiples de 2 lignes dans mon tableau comme ci-dessous. Je voulais cacher le motif de 2e rangée partout dans mon tableau au chargement de la page.Cacher une ligne dans la table en utilisant la classe

J'ai essayé de me cacher en utilisant la classe "a-IRR-header" mais il cache les deux lignes car c'est une classe commune pour les deux lignes.

<tr> 
 
    <th colspan="4" class="a-IRR-header a-IRR-header--group" id="B139078761545827132_1">Basis</th> 
 
</tr> 
 
<tr> 
 
    <th class="a-IRR-header" id="C139079212590827137"><a data-column="139079212590827137" href="#">Sl</a></th> 
 
    <th class="a-IRR-header" id="C139078981375827134"><a data-column="139078981375827134" href="#">Question</a></th> 
 
    <th class="a-IRR-header" id="C139079056068827135"><a data-column="139079056068827135" href="#">Answer</a></th> 
 
</tr>

Source

2017-09-15 Girish R Rao

'$ ('a-TRI-tête'). équation (1) .hide()' – guradio

Après un reformatage de votre code HTML, il montre que vos * lignes * n'ont aucune classe. Je suggère ** d'ajouter des classes supplémentaires ** là où vous en avez besoin. –

@guradio Que faire si j'ai plusieurs lignes qui sont répétition des 2 lignes mentionnées –

Vous pouvez faire comme ceci:

$(document).ready(function(){ 
    $('tr:eq(1)').hide(); 
});

Tous les B par 3 e et non avec la classe un TRI-tête - groupe cuz il y a des balises tr avec 3 e avec l'autre classe que je ne veux pas déranger:

Source

2017-09-15 09:07:38

Et si j'ai des multiples des 2 lignes mentionnées, disons 50 lignes. Et je veux cacher sélectivement la ligne qui est du type 2ème rangée dans la question ci-dessus. Supposons également que class = "a-IRR-headerLink" n'existe pas. S'il vous plaît répondez –

Donc vous voulez cacher tout TR qui aura trois TH dedans? –

oui himanshu. Tous tr avec 3 e et pas avec la classe a-IRR-header - groupe cuz il y a des tags tr avec 3 ème avec autre classe que je ne veux pas déranger. –

Vous pouvez atteindre e cela en utilisant ccs nth-child() comme:

table tr:nth-child(2) { 
    background: #ccc; 
}

Ex:

table tr:nth-child(2) { 
 
    background: #ccc; 
 
}

<table width="100%" border="1"> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>$</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>$</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <!-- 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>$</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>$</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td>$</td> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    --> 
 
</table>

Source

2017-09-15 09:09:10

Tout d'abord je pense que vous devriez revoir la syntaxe de vos classes, trop de lettres en majuscules (ce est une opinion personnelle mais elle vous aidera).

Je ne comprends pas vraiment ce que vous essayez de faire, mais vous pouvez utiliser le sélecteur CSS:

table tr:nth-child(2) { 
    display: none; 
}

Si vous avez vraiment besoin de le cacher de la charge, vous pouvez utiliser quelque chose est comme:

$(document).ready(function() { 
    $("table tr:nth-child(2)").css('display', 'none'); 
})

Source

2017-09-15 09:18:52

ces classes sont ajoutées par Oracle Apex intégré. Je voulais aussi savoir si j'ai plusieurs rangées qui sont la répétition des 2 rangées mentionnées. –

Droit je ne savais pas à ce sujet :)! J'ai édité mon post ça devrait marcher. –

$(document).ready(function() { 
 
    $('.a-IRR-header').eq(1).hide() 
 
});

table tr:nth-child(2) { 
 
    background: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table width="100%" border="1"> 
 
    <tr> 
 
     <th colspan="4" class="a-IRR-header a-IRR-header--group" id="B139078761545827132_1">Basis</th> 
 
    </tr> 
 
    <tr> 
 
     <th class="a-IRR-header" id="C139079212590827137"><a class="a-IRR-headerLink" data-column="139079212590827137" href="#">Sl</a></th> 
 
     <th class="a-IRR-header" id="C139078981375827134"><a class="a-IRR-headerLink" data-column="139078981375827134" href="#">Question</a></th> 
 
     <th class="a-IRR-header" id="C139079056068827135"><a class="a-IRR-headerLink" data-column="139079056068827135" href="#">Answer</a></th> 
 
    </tr> 
 
</table>

Source

2017-09-15 09:19:38

Cacher une ligne dans la table en utilisant la classe

Répondre

Questions connexes