Comment puis-je sélectionner efficacement des éléments HTML par nom à l'aide de jQuery ?

Ciblage des éléments par nom avec jQuery

Le puissant moteur de sélection de jQuery permet une sélection précise des éléments. Bien que les noms de classe offrent un moyen polyvalent de ciblage, cet article se penche sur la sélection efficace des éléments par leur attribut name.

Considérez le scénario suivant : vous devez manipuler une colonne de table nommée "tcol1", en la développant et en la masquant. cela de manière dynamique. Les noms de classe s'avèrent efficaces lorsqu'ils sont appliqués, mais les tentatives de sélection par nom échouent.

Pour surmonter ce défi, jQuery propose des sélecteurs d'attributs. En utilisant l'attribut "name", vous pouvez accéder aux éléments souhaités.

$('td[name="tcol1"]')   // Matches exactly 'tcol1'
$('td[name^="tcol"]')  // Matches those that begin with 'tcol'
$('td[name$="tcol"]')  // Matches those that end with 'tcol'
$('td[name*="tcol"]')  // Matches those that contain 'tcol'

Dans l'exemple HTML fourni, les trois instances de la deuxième colonne peuvent être ciblées en utilisant :

$('td[name="tcol1"]')

En tirant parti des sélecteurs d'attributs, vous pouvez créer des collections jQuery précises basées sur les noms d'éléments, garantissant ainsi une manipulation efficace des éléments et une interaction DOM.

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!