如何插入js / jquery变量iside 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";

与＆＃34; menu＆＃34;不同，您尝试用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);