Comment puis-je masquer sélectivement les colonnes d'un tableau HTML à l'aide des sélecteurs d'attributs de jQuery ?

Sélection d'éléments par nom avec jQuery

Lorsque vous travaillez avec des tableaux HTML, vous pouvez rencontrer des situations dans lesquelles vous devez manipuler des éléments en fonction de leurs noms . jQuery offre une méthode pratique pour sélectionner des éléments par leur attribut de nom.

Dans votre exemple, vous avez tenté de masquer une colonne en la sélectionnant par son nom à l'aide de $("tcol1").hide(). Cependant, cette approche n'a pas fonctionné puisque la méthode hide() de jQuery n'accepte que les sélecteurs de classe.

Pour sélectionner des éléments par nom, vous pouvez utiliser le sélecteur d'attribut jQuery. Le code suivant montre plusieurs façons de faire correspondre des éléments en fonction de leurs noms :

// Matches exactly 'tcol1'
$('td[name="tcol1"]')

// Matches those that begin with 'tcol'
$('td[name^="tcol"]')

// Matches those that end with 'tcol'
$('td[name$="tcol"]')

// Matches those that contain 'tcol'
$('td[name*="tcol"]')

Ces sélecteurs peuvent être utilisés pour masquer les éléments comme suit :

$('td[name="tcol1"]').hide();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!