Comment sélectionner des éléments avec des identifiants contenant des méta-caractères dans jQuery ?

Utilisation de hachages dans les sélecteurs d'éléments

Lorsque vous tentez de sélectionner un élément à l'aide de son attribut ID, des problèmes peuvent survenir lorsque l'ID contient des méta-caractères , tels que les hachages (#). Dans ce cas, le code suivant échouera :

<code class="css">#test#1 {
    color: red;
}</code>

<code class="jQuery">$('#test#2').css('color','blue');</code>

Pour utiliser des méta-caractères dans un sélecteur d'ID, ils doivent être échappés avec des barres obliques inverses. Voici comment corriger le problème :

<code class="css">#test\#1 {
    color: red;
}</code>

<code class="jQuery">$('#test\#2').css('color','blue');</code>

Il est important de noter que l'utilisation de # dans les attributs d'ID n'est pas recommandée, car cela peut entraîner des problèmes de compatibilité. Au lieu de cela, il est préférable d'utiliser d'autres caractères qui ne nécessitent pas d'échappement.

Par exemple, considérons l'attribut ID "test.1". Pour sélectionner cet élément, vous pouvez échapper le point comme tel :

<code class="css">#test\.1 {
    color: red;
}</code>

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!