如何在 HTML 标记中插入 js/jquery 变量？答案

【问题标题】：How to insert js/jquery variable iside HTML tag?如何在 HTML 标记中插入 js/jquery 变量？
【发布时间】：2016-05-09 17:37:55
【问题描述】：

假设我有一个变量，

var sticky_element = ".menu";

以及下面的代码行：

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

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

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

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

【问题讨论】：

【解决方案1】：

看看你的变量声明。

var sticky_element = ".menu";

与“菜单”不同，您尝试将其替换为sticky_element。更明确地说，

sticky_element = ".menu" != "menu"

通过定义省略变量字符串中的句点

var sticky_element = "menu";

发现这行得通。

【讨论】：

【解决方案2】：

如果您将 sticky_element 从 ".menu" 更改为 "menu"，它应该可以工作。

【讨论】：

【解决方案3】：

单独做，只需将当前字符串保存到这样的变量中：

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

【讨论】：