javascript - .wrap（）内で変数を使用する方法

Question

これはばかげているように聞こえるかもしれませんが、このコードで変数を出力するのに問題があります-

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

class = " here "内にclsuffix変数を出力したいので、次のようになります。

<div class="boxysomething">

しかし、class = ""内で変数を使用すると、そのまま表示されます（変数として扱われません）

Answer 1

"boxy"連結するだけです。最終的には、リテラルと変数の内容で構成される文字列を作成することが目標ですclsuffix。これは"boxy" + clsuffixJavaScriptで行われます。

$("#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し、マップを使用して定義された属性に値を割り当てます。