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

我有一个这样的结构：

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

我的与新插件相关的自定义按钮同时适用于：

foo

和

bar

divs。我的意思是相同的行为被指定

保存时出现问题：我想选择

div.foo

dom元素，并用新的

html\u内容

替换它。因此，如何在TinyMCE v.3中为特定dom元素设置内容，而不是为当前（不确定是什么）选择设置内容

---

（更新：我不在乎用户在按下MyCustomButton之前选择了什么，如果选择了

foo

div中的内容，则整个部分将被替换为新内容。）

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

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

有待改进：与给定选择最接近.foo

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