Javascript-在DIV中选择H1

我已经尽我所能搜索了这个问题，找到了似乎正确的答案。但这对我不起作用。我在一个div中有这个CKEditor。在这个CKEditor中，有很多内容，我想在这个编辑器中的所有H1样式上添加一个悬停事件

div结构如下所示：

<div id="content" class="cke_editable">
   <h1>
      <span>My content</span>
    </h1>
</div>

$('h1','#content').qtip

实际上，我正在尝试使用qTip2，因为它似乎适合我的需要。但是我无法选择H1标签。是因为它在一个既有ID又有类的div中吗？或者它是否与H1中有一个标记这一事实有关

下面是javascript：

<script type="text/javascript">
var shared = {
    position: {
        my: 'top left', 
        at: 'bottom right',
    },
    style: {
        tip: true
    }
};

$('h1').qtip( $.extend({}, shared, { 
    content: 'An example tooltip',
    style: {
        classes: 'ui-tooltip-red'
    }
}));
</script>

当谈到选择器时，我尝试只选择H1，如本例中所示。以及$'.cke_可编辑h1'、$'content h1'和$'content>h1'。但是没有骰子。在我的CSS中，我成功地添加了游标：指向内容h1的指针。这就行了

我做错什么了吗

---

编辑：如果我直接选择$'content'.qtip，它会工作。顺便说一句。

试着这样说：

<div id="content" class="cke_editable">
   <h1>
      <span>My content</span>
    </h1>
</div>

$('h1','#content').qtip

或：

---

CKEditor创建了一个iframe，用于放置内容，因此您不能使用jQuery选择器来选择其中的元素，因为它已经不在同一文档中了。

CKEditor是否创建了这些元素？我以为它只是一个包含html的文本区域。你是什么意思？如果我选择标题样式，CKEditor将创建H1元素。CKEditor应用于设置了cke\U可编辑类的所有div。还有contenteditable=trueNo骰子！我觉得很奇怪。也许是编辑弄乱了它？我也尝试过选择$'.cke_editable'，但也没有成功。这可能与脚本加载的顺序有关吗？似乎其他人也有同样的问题：它在docready中。但我想Guffa发现了什么。一旦内容加载到CKEditorAha中，它就不再位于同一个DOM中了！我用谷歌搜索了一下，看来你是对的！var frameDOM=$'iframe.ckeditor'.contents；$'。选择器'，frameDOM.qtipI无法像这样从frameDOM获取任何内容。在Chrome中，我看到frameDOM中的对象是空的。@KennyBones:在当前的实现中，似乎应该使用var frameDOM=$'iframe.cke\u wysiwyg\u frame'.contents；。