Rechercher élément DOM par ID lorsque ID contient des crochets?

Question

J'ai un élément du DOM avec un ID de similaire à:

something[500]

qui a été construit par mon Ruby on Rails application. J'ai besoin d'être en mesure d'obtenir cet élément via jQuery afin que je puisse traverser mon chemin jusqu'à DOM pour supprimer le parent de son parent, qui a une variable ID que je n'ai pas accès à l'avance.

Quelqu'un sait-il comment je pourrais aller à ce sujet? Le code suivant ne semble pas fonctionner:

alert($("#something["+id+"]").parent().parent().attr("id"));

Après une inspection plus poussée, les éléments suivants:

$("#something["+id+"]")

retourne un objet, mais quand je lance ".html()" ou ".text ()", le résultat est toujours nul ou tout simplement une chaîne vide.

Toute aide serait grandement appréciée.

Answer 1

Essayer:

 alert($("#something\\["+id+"\\]").parent().parent().attr("id"));
 

Voir Caractères spéciaux dans les sélecteurs (dans le deuxième paragraphe).

Answer 2

Disons que votre élément DOM est un span. Vous pouvez aussi faire

 $('span[id="something['+id+']"')
 

Answer 3

Un identifiant ne peut pas inclure de crochets. C'est interdit par la spéc .

Certains navigateurs peuvent corriger les erreurs, mais vous devriez corriger vos données au lieu d’essayer de traiter des données incorrectes.

Answer 4

Les crochets ont une signification particulière pour les sélecteurs jQuery , les filtres d’attributs en particulier.

Il suffit d'échapper à ceux-ci et il va trouver votre élément

 $( "#something\\[" + id + "\\]" )
 

Answer 5

Essaye ça:

 alert($("#something\\["+id+"\\]").parent()[0].parent()[0].attr("id"));