使用jQuery替换多个具有相同类的元素

Question

我想将所有的替换为

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

我尝试使用clone()，但它没有起作用。

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

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

- Registered User

Answer 1

你可以使用replaceAll()方法：

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

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

- VisioN

---

如果你像反过来那样写，它就能工作。请查看答案中的演示。 - VisioN

@RegisteredUser，你有没有看到答案中的 DEMO？我的代码完美运行。div块以红色显示。 - VisioN

@RegisteredUser 测试过了，在FF12、Chrome和IE 7中都可以正常工作。 - Selvakumar Arumugam

这个演示确实可以运行，但是代码在我的应用程序中无法正常工作。 - Registered User

@RegisteredUser 请检查您是否使用了 $flexBox.replaceAll(...) 而不是 $(".overlayBox").replaceAll(...)。 - VisioN