获取所有类并添加到新元素

Question

我有几个我想动态添加到新div的类。

示例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"＆GT;

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