Как вставить переменную js/jquery в тег HTML?

Question

Допустим, у меня есть переменная,

var sticky_element = ".menu";

и следующая строка кода:

jQuery(sticky_element).wrapInner('<div class="menu-inner"></div>');

Как я могу заменить menu в class="menu-inner" с переменной sticky_element?

Кажется, следующее решение не работает. Зачем?

$(sticky_element).wrapInner('<div class="' + sticky_element + '-inner"></div>');

Answer 1

Посмотрите на объявление вашей переменной.

var sticky_element = ".menu";

это не то же самое, что "меню", которое вы пытаетесь заменить sticky_element, Более конкретно,

sticky_element = ".menu" != "menu"

Опустите период из вашей переменной строки, определив

var sticky_element = "menu";

чтобы найти, что это работает.

Answer 2

Если вы измените sticky_element от ".menu" в "menu" он должен работать.

Answer 3

Сделайте это отдельно, просто сохраните текущую строку в переменную следующим образом:

var sticky_element = "menu"; // or '.menu'
var string = '<div class="' + sticky_element + '-inner"></div>';
jQuery(sticky_element).wrapInner(string);