如何在容器后替换内容

Question

我有一个如下所示的容器

<div class="container>
</div>

目的是在容器div下面添加内容。我使用JQuery命令'.after'

$('.container').after('Content A')

获得以下结果

<div class="container>
</div>
Content A

我的问题是，如何将'内容A'替换为'内容B'？我试图使用相同的'.after'命令

$('.container').after('Content B')

但我得到了以下结果（这不是我想要的）

<div class="container>
</div>
Content B
Content A

那么如何删除'内容A'并添加'内容B'？

Answer 1

将您的新内容放入div中，以便定位它：

$('.container').after('<div class="afterContent">Content A</div>');

然后，替换它：

$('.afterContent').html('Content B');

也可以使用普通的javascript（不使用jQuery）来仅定位您第一次插入的文本节点并更改它的文本，但是如我所示将其封装在div中会使其更容易。

如果你想看看当文本节点没有包装在任何其他类型的对象中时如何直接修改它，你可以在这里看到：http://jsfiddle.net/jfriend00/BTrrD/。我不建议这样做（这是解决问题的难点），但我把它包括在内是为了完整。