Проблемы с форматированными строками в jquery

При работе с JQuery возник ряд вопросов. Почему вот это:

subactivity_option += `<option value=${b}>` + b + "</option>";

на выходе даёт

<option value="${b}">Переменная</option>

А это

activity_option += "<option value=" +b + ">" + b + "</option>";
<option value="Переменная">Переменная</option>

Ответы (1 шт):

Автор решения: Igor

В том коде, который у Вас выполняется, строка ограничена не back-tick-ами, а обычными кавычками. Возможно, изменения JS не загрузились в браузер.

const subactivity = ['abc', 'def', 'hij'];
let subactivity_option = '';
$.each(subactivity, function (a, b) {
  subactivity_option += `<option value=${b}>` + b + "</option>\n";
});
console.log(subactivity_option);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

→ Ссылка