Comment pouvons-nous masquer la colonne de la table à l'aide de jQuery alors supposons que si quelqu'un veuille masquer la première colonne, c'est-à-dire TD_1 de toutes les lignes, alors quel sera le code? merci d'avance
Dave
3 Réponses :
$(document).ready(function() {
$('tr td:nth-child(1)').hide();
});
Merci pour l'idée de GR8, je vais l'utiliser où d'autre. Mais j'ai oublié de mentionner que ces colonnes sont dynamiques et leur identifiant augmente. Alors, comment puis-je appliquer le CSS de manière dynamique? . Merci
JQuery a un excellent support pour les sélecteurs CSS. Vous pouvez écrire un sélecteur comme $ ('tr TD: Nth-enfant (1)') pour sélectionner des colonnes ... API.JQUERY.com/nth-child-selector
J'allais mentionner ça, mais tu m'as battu ça :) +1
Ces gars jQuery sont des génies!
John Resig est l'einstein de JavaScript
Merci à tous, j'ai eu l'idée comment utiliser nième enfant :) ça va résoudre mon problème
Pls vérifier la syntaxe du document.Ready () Je pense que vous manquez enfin un support enfin
Et si vous aviez plusieurs tables? $ ('tr TD: Nth-enfant (1)'). Cacher (); Pouvez-vous ajouter un identifiant de table au début de cela comme $ ('# myTableID' 'tr TD: Nth-enfant (1)'). Masquer (); Fix de syntaxe nécessaire
Certains cas, utilisateur Utilisez TH code> pour en-tête de table, vous pouvez utiliser ce script pour masquer la colonne avec TH code>. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border=1>
<tr>
<th id="td_1">name</th>
<th id="td_2">title</th>
<th id="td_3">desc</th>
</tr>
<tr>
<td id="td_1">Dave</td>
<td id="td_2">WEB DEV</td>
<td id="td_3">Blah Blah</td>
</tr>
<tr>
<td id="td_1">Nick</td>
<td id="td_2">SEO</td>
<td id="td_3">Blah Blah and blah</td>
</tr>
</table>
<button id='test'>Hide title</button>
api.jquery.com/nth-child-selector ... NE PAS Même besoin de la fantaisie d'identité ... $ ('tr TD: Nth-enfant (n)') où n est le numéro de colonne.
Aussi, veuillez accepter une réponse si nous vous avons aidé à résoudre votre problème.