獲取所有課程並添加到新元素

Question

我有幾個課程，我想動態添加到新的科目。

樣本HTML

<span class="class1 class2 class3"> 

JS

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

問題

這得到所有的類，但包的第一個僅在引號。

<div class="class1" class2 class3> 

問題

我如何使它所以所有三類包裹在引號？

<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);