Javascript - 选择 DIV 内的 H1

Question

我已对此进行了所有搜索，并找到了看似正确的答案。但这对我不起作用。我在 div 中有这个 CKEditor。在这个 CKEditor 中，有很多内容，我想在这个编辑器中的所有 H1 样式上添加悬停事件。

div 结构如下所示:

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

我实际上正在尝试使用 qTip2，因为它似乎符合我的需求。但我无法选择 H1 标签。是因为它位于一个同时具有 ID 和类的 div 中吗？或者它与<span>这个事实有什么关系吗？ 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_editable h1') , $('#content h1')和$('#content > h1') 。但没有骰子。在我的 CSS 中，我已成功添加 cursor: pointer至#content h1 。那行得通。

我在这里做错了什么吗？

编辑:如果我选择$('#content').qtip直接，顺便说一句，它可以工作。

Answer 1

CKEditor 创建一个 iframe 来放置内容，因此您无法使用 jQuery 选择器来选择其中的元素，因为它甚至不再位于同一个文档中。