jQuery用另一个替换现有的div元素

Question

这是现有的HTML

<div id="options_12" class="pagebody">
    <div id="contentframe">
        <div id="hsubmenu"></div>
        <div id="vsubmenu"></div>
        <div id="withmenus" class="withleft"></div>
        <div class="nflteampage"></div>
    </div>
</div>
<div class="pagefooter"></div>

我无法编辑任何HTML，但我提供了jQuery的使用，我想删除.pagefooter并将其替换为.nflteampage

我试过这会没有成功

$( ".pagefooter" ).replaceWith( ".nflteampage" );

Answer 1

当您的replaceWith()当前有效时，您告诉它用字符串文字替换您的.pagefooter元素，而不是选定的元素。

你必须选择：

$(".pagefooter").replaceWith($(".nflteampage"));

在开头有美元符号时，你告诉jQuery去获取那个元素，其余的就像你期望的一样。

Answer 2

您需要在替换中传递html代码，因此您需要定位该类并获取其HTML。

$( ".pagefooter" ).replaceWith( $(".nflteampage").html() );

这里的工作示例http://jsfiddle.net/dcfn4epn/1/

Answer 3

尝试：

$('.pagefooter').remove();

删除页脚和

$('.nflteampage').insertAfter("#options_12");

在您的options-div之后插入新内容。