Comment puis-je sélectionner un élément HTML par son attribut de nom à l'aide de jQuery ?

Sélection d'un élément par nom avec jQuery

jQuery fournit diverses méthodes pour sélectionner des éléments, mais le moyen le plus simple de sélectionner un élément par son L'attribut name utilise le sélecteur d'attribut. Cette méthode vous permet de spécifier l'attribut de nom et la valeur que vous souhaitez faire correspondre.

Pour sélectionner un élément par son nom, utilisez la syntaxe $('[name="element_name"]'). Par exemple, dans le HTML fourni :

<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>

Pour masquer la deuxième colonne à l'aide de jQuery, vous pouvez la sélectionner par son attribut name :

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

En plus de la correspondance exacte, jQuery propose également des sélecteurs d'attributs qui offrent une flexibilité de correspondance :

• StartsWith ('^'): Correspond aux éléments dont l'attribut name commence par la valeur spécifiée, par exemple $('td[name^="tcol"]').
• EndsWith ("$'): Correspond aux éléments dont l'attribut name se termine par la valeur spécifiée, par exemple $('td[name$="tcol"]').
• Contient ('*'): Correspond aux éléments dont l'attribut name contient la valeur spécifiée, par exemple $('td[name*="tcol"]').

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!