jQuery使用class替换多个元素

Question

我想用spans替换所有div。 当我运行此代码时，只有一个元素被替换。 如何更改此代码以使脚本影响所有spans？

我曾尝试使用clone（），但它不起作用。

$flexBox = $("<div></div>");
$(".overlayBox").replaceWith($flexBox);

<span class="overlayBox"></span>
<span class="overlayBox"></span>
<span class="overlayBox"></span>

Answer 1

您可以使用replaceAll()方法：

$flexBox.replaceAll(".overlayBox");​

DEMO： http://jsfiddle.net/4VHVC/