Знайти елемент DOM за ідентифікатором, коли ID містить квадратні дужки?

У мене є елемент DOM з ідентифікатором, подібним до:

something[500]

який був побудований моїм додатком Ruby on Rails. Мені потрібно мати можливість отримати цей елемент через jQuery, щоб я міг пройти шлях по DOM, щоб видалити батька батьківського елемента, який має ідентифікатор змінної, до якого я не маю доступу заздалегідь.

Хтось знає, як я міг би цим займатися? Здається, такий код не працює:

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

При подальшому огляді:

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

повертає об'єкт, але коли я запускаю на ньому ".html ()" або ".text ()", результат завжди є нульовим або просто порожнім рядком.

Вам потрібно уникнути квадратних дужок, щоб вони не враховувались як селектори атрибутів. Спробуйте це:

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

Див. Спеціальні символи в селекторах , зокрема другий абзац:

Для того, щоб використовувати будь-якого з мета-символи (наприклад , як !"#$%&'()*+,./:;<=>?@[\]^``{|}~) , як буквальна частина імені, він повинен бути екранований з подвійною косою рисою: \\. Наприклад, елемент з id="foo.bar", може використовувати селектор $("#foo\\.bar"). Специфікація CSS W3C містить повний набір правил щодо дійсних селекторів CSS . Також корисним є запис у блозі Матіаса Байнса про послідовності екранування символів CSS для ідентифікаторів .

Ви також можете зробити

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

Ідентифікатор не може містити квадратних дужок. Це заборонено специфікацією .

Деякі веб-переглядачі можуть виправити помилки та впоратися, але вам слід виправити дані, а не намагатися мати справу з поганими даними.

Квадратні дужки мають особливе значення для селекторів jQuery , зокрема для фільтрів атрибутів.

Просто втечіть від них, і він знайде ваш елемент чудово

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

Спробуйте це:

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

Ви можете уникнути їх за допомогою, \\або ви можете зробити щось подібне ...

$(document.getElementById("something[" + id + "]"))

"Будь-який з метасимволів

!"#$%&'()*+,./:;<=>?@[\]^`{|}~

як буквальна частина імені, він повинен бути екранований з подвійною косою рисою: \\.

Наприклад, елемент з id = "foo.bar" може використовувати селектор

$("#foo\\.bar")

"[джерело: jquery doc ] та елемент з id =" foo [bar] "(хоча він не діє для W3C, але розпізнаний JQuery), може використовувати селектор

$("#foo\\[bar\\]")

(Просто відповідь, як і багато інших, але всі разом :))