Comment sélectionner des éléments par attribut de nom dans jQuery ?

Sélection d'éléments par attribut de nom dans jQuery

Dans jQuery, la sélection d'éléments par nom de classe à l'aide de $(".bold") est simple. Cependant, des difficultés surviennent lorsque vous essayez de sélectionner des éléments par attribut de nom, tel que $("tcol1").

Le problème

Considérez le code HTML suivant :

<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>

Bien que la sélection par classe ($(".bold")) fonctionne parfaitement, la sélection par nom ($("tcol1")) semble futile. En effet, jQuery nécessite une syntaxe plus nuancée pour cibler les éléments par leur attribut de nom.

Utilisation du sélecteur d'attribut jQuery

Pour sélectionner des éléments par leur attribut de nom, utilisez le sélecteur d'attribut jQuery. Voici quelques options courantes :

• Correspondance exacte : $('td[name="tcol1"]')
• Préfixe correspondant : $('td[name^="tcol"]')
• Correspondance Suffixe : $('td[name$="tcol"]')
• Sous-chaîne correspondante : $('td[name*="tcol"]')

En utilisant ces sélecteurs d'attributs, vous pouvez facilement cibler des éléments en fonction de leurs attributs de nom.

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!