jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명

이번에는 jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명을 가져왔습니다. jquery를 사용하여 iframe에서 요소를 찾을 때의 주의사항은 무엇인가요? 다음은 실제 사례입니다.

질문:

오늘 회사에서 ckeditor에 사진 제목 "표시 여부" 기능을 추가했습니다

어려움:

플러그인에는 콘텐츠가 많고 기능도 꽤 강력합니다. 내부의 논리적 관계와 수정된 내용은 플러그인의 내부 논리적 관계를 파괴할 수 없고, 기능을 추가한다고 해서 더 많은 문제를 일으킬 수 없기 때문에 이 문제는 단시간에 읽고 이해하는 것이 불가능합니다. 로컬에서 해결됨

획득:

페이지를 알고 있을 때 사용 iframe

framework에서 삽입한 html, 페이지의 일부 초기화 기능이 여기에서 완료되므로 여기에 이 ​​확인란 구성 요소를 추가한 다음 window 개체를 찾으세요. 최종 창을 기준으로 처리하려는 경우 - window.parent. document.body

jQuery(expression, [context]) - DOM 요소 집합이나 jQuery 객체 등 context 매개변수가 지정된 경우 이 컨텍스트에서 검색됩니다.

다음 예는 iframe의 상위 창에 구성 요소를 추가하는 것입니다

코드를 복사하세요 코드는 다음과 같습니다.

$('tr.cke_dialog_ui_hbox', parent.document.body).prepend (' 사진 제목 설명은 다이어리로 가져옵니다');

동적으로 추가된 구성 요소에 액세스할 수 없습니다. 페이지가 로드될 때 클로저의 내용이 실행되었지만 ID가 kkkk인 구성 요소가 페이지에 추가되지 않았기 때문에 $("#kkkk")를 사용하여 얻은 값은 비어 있습니다. 이는 예상된 목적을 달성할 수 없으며 예외가 발생합니다. 현상, 스크립트 오류가 브라우저에 보고됩니다.

jquery가 조건을 충족하는 개체를 찾았는지 확인하는 방법은 무엇입니까?

if(0==$(".check_show_img_title", parent.document.body).length){
   alert("没有查找到对象");
}else{
  alert("有"+$(".check_show_img_title", parent.document.body).length+"组件符合查询条件");
}

경험:

페이지에 구성 요소를 동적으로 추가한 후 페이지를 새로 고치면 일반 초기화 상태가 복원되지만 부분 새로 고침인 경우 여러 구성 요소가 추가될 수 있지만 하나만 필요한 경우 구성 요소는 페이지를 떠날 때 동적으로 추가된 구성 요소를 삭제하는 것을 의미합니다. 이는 다른 브라우저에서 삭제되지 않을 수 있으며, 이는 매우 실망스럽고 브라우저 호환성 문제를 일으킬 수 있으므로 방법을 변경할 수 있습니다. 생각하고 특정 상태에서 추가(태그에 속성 추가)하지 않으면 추가하지 않으므로 추가한 구성 요소를 삭제할 필요가 없습니다. 브라우저 호환성 문제를 해결하는 또 다른 방법

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿으십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트에 있는 다른 관련 기사를 주의 깊게 살펴보시기 바랍니다.

추천 도서:

iframe에서 문서 개체를 가져오는 단계에 대한 자세한 설명

iframe에서 페이지 앵커 오류를 처리하는 방법

위 내용은 jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!