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

Question

Например, следующее выбирает деление с id = "2":

row = $("body").find("#2");

Как мне сделать что-то вроде этого:

row_id = 5;
row = $("body").find(row_id);

Приведенный выше синтаксис вызывает ошибку. Я проверил документацию jQuery и ответы здесь безуспешно.

Answer 1

row = $("body").find('#' + row_id);

Что более важно, выполнение дополнительного body.find не влияет на производительность. Правильный способ сделать это просто:

row = $('#' + row_id);

Answer 2

Самый короткий путь будет:

$("#" + row_id)

Ограничение поиска по телу не имеет никакой пользы.

Кроме того, вам следует рассмотреть возможность переименования ваших id s во что-то более значимое (и совместимое с HTML согласно ответу Паоло), особенно если у вас есть другой набор данных, который также должен быть назван.

Answer 3

Делать $('body').find(); не обязательно при поиске по ID; прирост производительности отсутствует.

Обратите также внимание, что идентификатор, начинающийся с цифры: недопустим HTML :

Жетоны ID и ИМЯ должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисов ("-"), подчеркиваний (" _ "), двоеточия (": ") и точки (". ").

Answer 4

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

row_id = 5;
row = $("body").find('#'+row_id);

Answer 5

Есть две проблемы с вашим кодом

1. Чтобы найти элемент по идентификатору, вы должны поставить перед ним префикс "#"
2. Вы пытаетесь передать число в функцию поиска, когда требуется строка (передача «#» + 5 исправит это, поскольку сначала преобразует 5 в «5»)

Answer 6

Я не знаю много о jQuery, но попробуйте это:

row_id = "#5";
row = $("body").find(row_id);

Редактировать: Конечно, если переменная является числом, вы должны добавить "#" вперед:

row_id = 5
row = $("body").find("#"+row_id);