Селектор jquery с переменной не находит элемент

Question

У меня есть эта строка кода

$("#ir-area-name").html(list);

Это прекрасно работает, но мне нужно переместить это в функцию, которая может быть вызвана для любого идентификатора, и каждый ответ явидел, говорит, что я могу запустить его так:

$("#"+variable_name).html(list);

, где variable_name - строка, содержащая идентификатор.Но это не работает для меня, он не находит никаких элементов, и сообщение об ошибке не печатается.При печати содержимого селектора на консоли они оба печатают значение [object Object].Однако при запуске его с переменной элемент исчезает с экрана (так как он, очевидно, не нашел элемент, поэтому он никогда не выполнялся html()).В целях тестирования я тоже попробовал это так:

$("#"+"ir-area-name").html(list);

Но элемент все еще не найден.Поэтому вопрос заключается в том, как я могу использовать переменную в селекторе jquery (используя jquery 1.7.1, тестирование на firefox).

Answer 1

Вы должны использовать конкатенацию строк.

${"#" + ir-area-name).html(list)

Или с использованием синтаксиса подстановки строк ES6 (документы)

$(`#${ir-area-name}`).html(list)

Если элемент найден, HTML-код элемента будет обновлен с содержанием list.