javascript - 用新内容替换特定的 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 最接近给定的选择。