Discussion :

[piotrr]

j'ai un élément qui a pour id "1.1" par exemple.

Dans ce cas si je fais une recherche pour trouver cet élément de cette façon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
find('#1.1');

Je n'obtiendrais pas de résultat puisque le ".1" sera interprété comme une classe, n'est ce pas?

Est ce que je peux pallier à cela ou je suis obligé de ne pas avoir de caractères spéciaux dans mes id.

Note, j'ai aussi essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
find('#1\.1');

Mais sans succès.

merci

[bigben89]

Eviter les points dans les identifiants.
Tu peux les remplacer par des blancs soulignés, et tu n'auras plus ces problèmes : $('#1_1'), $('#1_2'), etc ...

[piotrr]

Et si je n'ai pas le choix d'avoir des caractères spéciaux dans mes id ?

[bigben89]

Et si je n'ai pas le choix d'avoir des caractères spéciaux dans mes id ?

Honnêtement, je ne vois pas dans quelle situation on peut vraiment être obligé (!) d'utiliser des caractères spéciaux dans un id.
J'ai toujours pu m'arranger de façon plus élégante (pour info, pour être valide w3c, un id doit obligatoirement commencer par une lettre).

Quand je veux retrouver mon identifiant de produit ou de rubrique dans l'id de mon élément, je mets par exemple comme id 'produit_12_123' (produit_[idRubrique]_[idProduit]), et un split me suffit pour récupérer la partie qui m'intéresse.

Dans tous les cas, évites de mettre dans un id des caractères utilisés par les sélecteurs CSS : '#', '.', '>', '+', ...

[piotrr]

Honnêtement, je ne vois pas dans quelle situation on peut vraiment être obligé (!) d'utiliser des caractères spéciaux dans un id.

J'ai une arborescence de fichiers sous forme de liste. Pour identifier chaque li je mets en id le path du fichier (qui contient des caractères spéciaux comme "/" ou "\").

Et j'aimerai bien garder intact ce path.

merci

[bigben89]

Si la validation w3c n'est vraiment pas nécessaire, tu peux toujours mettre le chemin en id, et pour récupérer l'élément, utiliser le sélecteur d'attribut (attr="valeur") au lieu du # :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('[id="/machin.truc"]')