javascript - 如何在 .wrap() 中使用变量

Question

这可能听起来很愚蠢，但我在打印这段代码中的变量时遇到了问题 -

var clsuffix = "something";
$("#box").wrap('<div class="boxy" />');

我想打印类中的clsuffix变量=“这里” 所以它可能就像

<div class="boxysomething">

但是当我在 class=""中使用变量时，它会按原样出现(不被视为变量)

Answer 1

只需将其连接起来即可。最终，您的目标是构建一个由文字 "boxy" 和变量 clsuffix 的内容组成的字符串。这是通过 JavaScript 中的 "boxy"+ clsuffix 完成的:

$("#box").wrap('<div class="boxy' + clsuffix + '" />');

如果您只是尝试将变量插入到字符串中(例如您可能在 PHP 双引号字符串中执行的操作)，则 JavaScript 不会解释它:

// Doesn't work in JavaScript:
$("#box").wrap('<div class="boxyclsuffix" />');