すべてのクラスを取得して新しい要素に追加

Question

新しいdivに動的に追加したいクラスがいくつかあります。

サンプルHTML

<span class="class1 class2 class3"> 

JS

var theClass = $("span").attr('class'); 
$("span").replaceWith("<div class=" + theClass + ">"); 

問題

これは、すべてのクラスを取得しますが、唯一の重引用符で最初のものをラップします。

<div class="class1" class2 class3> 

質問

は、どのように私はそれがそのようにすべての3つのクラスが引用符でラップされて作るのですか？

<div class="class1 class2 class3">

Answer 1

このことができますしてもよいし、、あなたは自分のclass属性値の周りに引用符をオフに左。

var theClass = $("span").attr('class'); 
$("span").replaceWith("<div class='" + theClass + "'>"); 

Answer 2

あなたの元のコードが機能であることに近かった

var theClass = $("span").attr('class'); 
$("span").replaceWith("<div>").addClass(theClass);