iFrame jQuery에서 요소 선택

애플리케이션에서 웹 페이지를 구문 분석하고 iFrame의 다른 페이지에로드합니다. 로드 된 페이지의 모든 요소에는 tokenid-s가 있습니다. 해당 tokenid-s로 요소를 선택해야합니다. 의미-메인 페이지의 요소를 클릭하고 iFrame의 페이지에서 해당 요소를 선택합니다. jQuery의 도움으로 다음과 같은 방식으로 수행하고 있습니다.

function selectElement(token) {
     $('[tokenid=' + token + ']').addClass('border'); 
}

그러나이 기능을 사용하면 iFrame이 아닌 현재 페이지의 요소 만 선택할 수 있습니다. 아무도로드 된 iFrame에서 요소를 어떻게 선택할 수 있는지 말해 줄 수 있습니까?

감사.

var iframe = $('iframe'); // or some other selector to get the iframe
$('[tokenid=' + token + ']', iframe.contents()).addClass('border');

또한 src이 iframe의가 다른 도메인을 가리키는 경우 보안상의 이유로 자바 스크립트에서이 iframe의 콘텐츠에 액세스 할 수 없습니다.

이 게시물을 살펴보십시오 : http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

$("#iframeID").contents().find("[tokenid=" + token + "]").html();

찾기 메소드에 선택기를 배치하십시오.

그러나 iframe이 서버에서 나오지 않으면 불가능할 수 있습니다. 다른 게시물에서는 권한 거부 오류에 대해 설명합니다.

jQuery / JavaScript : iframe의 콘텐츠에 액세스

문서가 준비되면 iframe도 준비된 것은
아니므로 iframe로드 이벤트를 수신 한 다음 콘텐츠에 액세스해야합니다.

$(function() {
    $("#my-iframe").bind("load",function(){
        $(this).contents().find("[tokenid=" + token + "]").html();
    });
});

케이스가 콘솔 (예 : Chrome Dev Tools)을 통해 IFrame에 액세스하는 경우 드롭 다운을 통해 DOM 요청의 컨텍스트를 선택할 수 있습니다 (그림 참조).

다음은 컨테이너에서만 div를 드래그 할 수 있도록하는 간단한 JQuery입니다.

$("#containerdiv div").draggable( {containment: "#containerdiv ", scroll: false} );