javascript - 使用 jquery 获取和修改 iframe 内容

Question

我想将标记添加到 iframe 的正文标记。以下代码可以做到这一点，但前提是 iframe 内容对象位于点击事件内。这是示例：

$(document).ready( function() {

    var tinymceFrame = $('#editor_ifr').contents().find('#tinymce');

    $('body').on('click', 'button', function() {
        $(tinymceFrame).append('<img class="widgetty" title="Widget" src="" />');
    });
});

这不起作用，但如果我在 click 事件中移动 tinymceFrame 行，它将起作用。

此外，在将图像添加到 iframe 的正文标签后，如何触发该图像上的点击事件？我试过类似的东西：

$(tinymceFrame).on('click', '.widgetty', function() {
    alert('test');
});