ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryを使用してiframe内の要素を検索する方法の詳細な説明
今回は、jquery を使用して iframe 内の要素を検索する方法について詳しく説明します。jquery を使用して iframe 内の要素を検索する場合の 注意事項 は何ですか?実際のケースを見てみましょう。
質問:今日、会社ではckeditorに写真のタイトルを「表示するかどうか」機能を追加しました
問題点:プラグインには多くのコンテンツがあり、機能は非常に強力ですが、短時間で読んで理解することは不可能です。内部の論理関係と変更された内容は、プラグインの内部論理関係を破壊することはできず、機能を追加することによってさらに問題を引き起こすことはできないため、この問題は解決するしかありません。ローカルで解決
ブレークスルー:ページがわかっている場合に使用します。iframe
frameworkによって挿入されたHTML、ページのいくつかの初期化関数はここで完了しているため、このチェックボックスコンポーネントをここに追加し、windowオブジェクトを見つけます 最終ウィンドウに基づいて処理したい - window.parent. document.bodyjQuery(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+"组件符合查询条件");
}
ページにコンポーネントを動的に追加した後、ページを更新すると通常の初期状態に戻りますが、部分的な更新の場合は複数のコンポーネントが追加される可能性がありますが、必要なコンポーネントが 1 つだけの場合コンポーネントとは、ページを離れるときに動的に追加されたコンポーネントを削除することを意味します。これにより、別のブラウザでは削除できない可能性があり、非常にイライラし、ブラウザの互換性の問題が発生する可能性があるため、方法を変更できます。考えて、特定の状態でそれを追加する(タグに属性を追加する)、そうでない場合は追加しないので、追加したコンポーネントを削除する必要はありません
ブラウザの互換性の問題を解決する別の方法。この記事の事例を読んだ後は、この方法を習得したと考えてください。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
iframe でドキュメント オブジェクトを取得する手順の詳細な説明 iframe でのページ アンカーの失敗への対処方法以上がjqueryを使用してiframe内の要素を検索する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。