对tinymce运行jQuery

我在chrome控制台中工作，并尝试在那里添加一些jQuery，以便在WordPress TinyMCE编辑器中操作对象的运行时样式

我在编辑器中有一个div元素，其类为“my_box”，我正试图通过jQuery操作运行时样式，如下所示：

jQuery('#tinymce .my_box').hover(
    function(){
        jQuery(this).attr('style','border:3px dashed red')
    }
);

---

但是，当我在控制台中运行此命令时，DOM结果集为空[]。如何将事件附加到tinymce编辑器中的对象，以及在测试脚本工作后应将其放置在何处？

当运行此命令时，它将找到

的任何实例。此时包装器中存在my_box

。如果当时它们不在那里，或者

#tinymce

不是真正的包装器，而是tinymce正在生成的东西，那么下面的选择器将什么也找不到

jQuery('#tinymce .my_box').hover(
    function(){
        jQuery(this).attr('style','border:3px dashed red')
    }
);

请考虑类似这样的情况，其中

#tinymceWrap

是一个独立的div，用于包装编辑器：

jQuery('#tinymceWrap').hover(
    function(){
        // use find here so jquery will search for `.my_box` instances again on each hover
        jQuery(this).find('.my_box').css('border','3px dashed red');
    }
);

---

+谢谢。至少现在我得到了一个结果集。尽管它似乎没有将运行时样式应用于与其匹配的元素。