Найти элемент DOM по ID, если ID содержит квадратные скобки?

У меня есть DOM элемент с ID аналогично:Найти элемент DOM по ID, если ID содержит квадратные скобки?

something[500]

, который был построен мой Ruby On Rails приложения. Мне нужно получить этот элемент через jQuery, чтобы я мог пройти мой путь до DOM, чтобы удалить родительский элемент его родителя, у которого есть идентификатор переменной, к которому у меня нет доступа заранее.

Кто-нибудь знает, как я могу это сделать? Следующий код не будет работать:

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

При дальнейшем осмотре, следующие:

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

возвращает объект, но когда я бегу «.html()» или».text() ", результат всегда равен null или пустой строке.

Любая помощь была бы принята с благодарностью.

источник

2009-08-06 Mike Trpcic

В дополнение к правильному ответу (который является то, что вам нужно избежать скобки с двойными обратными косыми чертами), вы должны использовать ближайший() вместо нескольких вызовов parent(). Это чище и с меньшей вероятностью сломается, если уровень изменится ... Итак, если вы пытаетесь получить ближайший div, вы делаете .closest ('div') или даже лучше .closest ('div.meaningfulclassthatiwant') –

Спасибо за предложение Паоло, но, как я уже говорил, я не знаю ID/класс родителя, которого я ищу раньше времени, и поскольку оба родителя являются div, ближайший не работает. Спасибо хоть. –

Ах, извините, я не читал вопрос, просто посмотрел на заголовок и код в нем :) Угадайте, что мне помогает. –

Вам нужно избегать квадратных скобок, чтобы они не учитывались как селектор атрибутов. Попробуйте это:

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

See Special Characters In Selectors, в частности второй абзац:

Чтобы использовать любой из мета-символы (такие, как !"#$%&'()*+,./:;<=>[email protected][\]^``{|}~) в качестве буквального часть имени, он должен быть экранирован с две обратные косые черты: \\. Например, элемент с id="foo.bar", может использовать селектор $("#foo\\.bar"). Спецификация CSS W3C содержит complete set of rules regarding valid CSS selectors. Также полезна запись в блоге Матиаса Биненса по телефону CSS character escape sequences for identifiers.

источник

2009-08-06 14:09:19 karim79

специальный (мета) символ объяснения теперь находится во втором абзаце на странице inidcated в сообщении karim79 –

@KKirk - спасибо за это. – karim79

Попробуйте это:

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

источник

2009-08-06 14:10:03

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

Просто избежать их, и он будет найти свой элемент тонкой

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

источник

2009-08-06 14:12:31

Идентификатор не может включать квадратные скобки. Это forbidden by the spec.

Некоторые браузеры могут исправить ошибки и справиться с ними, но вы должны исправить свои данные вместо того, чтобы пытаться разобраться с плохими данными.

источник

2009-08-06 14:14:20 Quentin

Спасибо за ссылку на спецификацию. Я понимаю, что они не являются достоверными идентификаторами, но Rails добавляет их для удобства в контроллер. –

Не только рельсы - многие веб-приложения используют этот трюк, поскольку он позволяет обработчику формы перебирать массив через массив, а не гадать количество необязательных строк, которые были отправлены. –

@BryanAgee - '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ' – Quentin

Вы можете избежать их, используя \\ или вы могли бы сделать что-то вроде этого ...

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

источник

2009-08-06 14:32:54

Вы также можете сделать

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

источник

2011-09-13 03:03:52 steampowered

«Любой из метасимволов

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

как буквальная часть имени, его необходимо скрыть двумя обратными косыми чертами: \\.

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

$("#foo\\.bar")

"[источник: jquery doc], а элемент с ID =" Foo [бар]»(даже хотя и не действует для W3C, но признается JQuery), можно использовать селектор

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

(просто asnwer как и многие другие, но все вместе :))

источник

2013-08-23 12:08:59

Найти элемент DOM по ID, если ID содержит квадратные скобки?

ответ

Смежные вопросы