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

Question

这可能听起来很傻，但我无法在这段代码中打印变量 -

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

我想在 class=" here " 中打印clsuffix变量，所以它可能像

<div class="boxysomething">

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

Answer 1

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

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

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

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

Answer 2

我建议：

$('#box').wrap('<div />', {'class' : 'boxy' + cslsuffix});

它有效地创建了div元素，并使用映射为定义的属性分配值。