用新内容替换特定的dom元素

Question

我有这样的结构：

<div class="foo">
  <div class="bar">
    Some content
  </div>
  Maybe some other content
</div>

我定义了一个用于编辑此部分的自定义插件。我将返回新的html内容以替换div.foo。

我用以下内容设置新内容：

tinyMCE.activeEditor.selection.setContent(html_content);

与新插件相关的自定义按钮适用于：foo和bar div。我的意思是分配相同的行为。

问题在于保存：我想选择div.foo dom元素并将其替换为新的html_content。那么，设置当前（不确定是什么）选择的内容如何在TinyMCE v.3中为特定的dom元素设置内容？

（更新：在按下MyCustomButton之前，我不在乎用户选择了什么，如果foo div中的某些内容被选为要用新内容替换的完整部分。）

Answer 1

似乎只使用了一些jQuery代码：

var $old_section = $("iframe").contents().find('div.foo').first();
$old_section.replaceWith(html_content);

待改进：获得最接近的.foo给予选择。