Ausführliche Erklärung, wie man mit jquery Elemente in iframe findet

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der jquery-Methode zum Suchen von Elementen in einem Iframe geben. Was sind die Vorsichtsmaßnahmen zum Suchen von Elementen in einem Iframe mit jquery? Ein praktischer Fall, werfen wir einen Blick darauf.

Frage:

Heute haben wir im Unternehmen dem ckeditor eine Funktion zum Anzeigen von Bildtiteln hinzugefügt

Schwierigkeit:

Das Plug-in verfügt über viele Inhalte und sehr leistungsstarke Funktionen. Es ist unmöglich, die darin enthaltenen logischen Zusammenhänge in kurzer Zeit zu lesen und zu verstehen. Darüber hinaus kann der geänderte Inhalt die internen logischen Zusammenhänge nicht zerstören Das Plug-In kann nicht durch Hinzufügen einer Funktion mehr eingeführt werden, sodass dieses Problem nur lokal gelöst werden kann

Durchbruch:

Wenn Sie die Seite kennen, Verwenden Sie den iframeFrame, um HTML einzufügen. Die Seite verfügt über einige Initialisierungsfunktionen. Fügen Sie diese Kontrollkästchenkomponente hier hinzu und suchen Sie dann das Fensterobjekt, das Sie basierend auf verarbeiten möchten letztes Fenster – window.parent.document .body

jQuery(expression, [context]) – Wenn der Kontextparameter angegeben ist, z. B. ein Satz von DOM-Elementen oder ein jQuery-Objekt, es wird in diesem Zusammenhang gesucht.

Das folgende Beispiel ist das Hinzufügen einer Komponente zum übergeordneten Fenster eines Iframes

Kopieren Sie den Code Der Code lautet wie folgt:

$( 'tr.cke_dialog_ui_hbox', parent.document.body).prepend('Fototitelbeschreibung ist in das Tagebuch gebracht

Sie können nicht auf dynamisch hinzugefügte Komponenten im Abschluss zugreifen, da der Inhalt im Abschluss beim Laden der Seite bereits ausgeführt wurde, die Komponente mit der ID kkkk jedoch schon wurde der Seite nicht hinzugefügt. Der von $("#kkkk") erhaltene Wert ist leer, was den erwarteten Zweck nicht erfüllen kann, und es wird ein Skriptfehler im Browser gemeldet

Wie kann beurteilt werden, ob jquery eine Übereinstimmung findet, die mit dem Objekt der Bedingung übereinstimmt?

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

Erfahrung:

Nach dem dynamischen Hinzufügen von Komponenten zur Seite wird der normale Initialisierungsstatus durch Aktualisieren der Seite wiederhergestellt, bei teilweiser Aktualisierung jedoch Sie können mehrere Komponenten hinzufügen, aber wenn Sie nur eine Komponente benötigen, löschen Sie die dynamisch hinzugefügte Komponente, wenn Sie die Seite verlassen. Dies führt möglicherweise nicht zu einem Problem, da dies sehr kompliziert ist Wenn dies der Fall ist, können Sie Ihre Denkweise ändern und es in einem bestimmten Zustand hinzufügen (Attribute zum Tag hinzufügen). Andernfalls wird es nicht hinzugefügt, sodass Sie es nicht löschen müssen Die von Ihnen hinzugefügten Komponenten sind eine weitere Möglichkeit, das Browserkompatibilitätsproblem zu lösen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zu PHP Chinesische Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Abrufen des Dokumentobjekts im Iframe

Wie man mit der Seite umgeht Ankerfehler im Iframe

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie man mit jquery Elemente in iframe findet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!