자바 스크립트 - DIV 안에 H1을 선택하십시오

Question

나는 이것에 관해 할 수있는 모든 것을 수색했고, 겉으로보기에는 옳은 대답을 발견했습니다. 그러나 그것은 나를 위해 작동하지 않습니다. 나는이 CKEditor를 div 안에두고있다. 이 CKEditor에는 많은 컨텐츠가 있으며이 편집기 내부의 모든 H1 스타일에 호버 이벤트를 추가하고 싶습니다.

사업부 구조는 다음과 같습니다

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

나는 내 요구에 맞게 보이기 때문에, 실제로 qTip2를 사용하는 것을 시도하고있다. 하지만 H1 태그를 선택할 수는 없습니다. ID와 클래스가 모두있는 div 안에 있기 때문입니까? 아니면 H1 안에 <span> 태그가 있다는 사실과 관련이 있습니까?

다음은 자바 스크립트입니다 :

<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을 직접 선택하면 btw로 작동합니다.

Answer 1

을 CKEditor는이 내용을두고 iframe이를 생성, 당신은을 선택하기 위해 jQuery를 선택기를 사용할 수 있도록 동일한 문서에 더 이상 포함되어 있지 않기 때문에 내부에있는 요소입니다.

Answer 2

시도는 다음과 같이 그것을 넣어 :

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

나 :

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