如何插入 js/jquery 变量 iside HTML 标签？

Question

假设我有一个变量，

var sticky_element = ".menu";

和以下代码行：

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

如何用变量 sticky_element 替换 class="menu-inner" 中的 menu？

似乎以下解决方案不起作用。为什么？

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

Answer 1

看看你的变量声明。

var sticky_element = ".menu";

与 "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);