2010-05-28 13 views
3

J'utilise jQuery 1.4.2 pour naviguer facilement entre les pages Web similaires (en ff3). Lorsque vous cliquez sur un lien, un script javascript devrait charger le nouveau HTML, filtrer les bons éléments et les remplacer sur la page en cours.

Il semble que le $ (htmlcode) ne fasse pas ce que j'attendais. Les actions ci-dessous travail lors du chargement de la page directement, mais lorsque vous utilisez le .get de $ je les problèmes suivants:

  • la fonction de recherche ne semble regarder à l'intérieur d'un élément div appelé id = « page », ce qui est à l'intérieur l'élément de corps
  • l'un des éléments a <script>...</script>, mais le <script>...</script> n'est pas présent dans le DOM de $ (htmlcode).

Quelqu'un sait comment résoudre ce problème?

$.get(
     url, 
     function(responseText, textStatus, xmlHttpRequest) { 
      alert($(responseText).find("#header")); // works, #header is inside div#page 
      alert($(responseText).find("#header").html()); // displays content, but WITHOUT the <script>...</script> 
      alert($(responseText).find("title")); // not found, title is outside div#page 
    } 
); 
+0

Quel est le balisage autour du titre? –

+0

J'ai utilisé "titre" seulement comme exemple pour un élément en dehors de 'div # page' .. ici je me réfère à' 'dans' <head> ' – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">Répondre</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>jQuery offre la méthode <a href="http://api.jquery.com/load/" rel="nofollow noreferrer">.load()</a> pour cette raison exacte.</p> <pre><code class="prettyprint-override">$('#element_to_insert').load(url + ' #header'); </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/2929000">Source</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2010-05-28 12:40:42</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1386886/">jAndy</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">merci, mais la fonction de chargement a les mêmes problèmes que décrits ci-dessus. Je dois remplacer plusieurs objets, c'est pourquoi j'utilise $ .get – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Questions connexes</div> <ul class="relative_list"> <li> 1. <a href="http://fr.voidcc.com/question/p-hbjdzbbb-br.html" target="_blank" title="Puis-je remplacer jQuery .val() uniquement pour certains éléments d'entrée?"> Puis-je remplacer jQuery .val() uniquement pour certains éléments d'entrée? </a> </li> <li> 2. <a href="http://fr.voidcc.com/question/p-pkupwyyg-bn.html" target="_blank" title="comment valider seulement certains des éléments dans la page Web et pas les autres?"> comment valider seulement certains des éléments dans la page Web et pas les autres? </a> </li> <li> 3. <a href="http://fr.voidcc.com/question/p-tepvgyyz-w.html" target="_blank" title="Comment cacher certains éléments sur une page en utilisant jQuery"> Comment cacher certains éléments sur une page en utilisant jQuery </a> </li> <li> 4. <a href="http://fr.voidcc.com/question/p-ujxjhfgn-cp.html" target="_blank" title="jQuery slideDown sélectionnez certains éléments?"> jQuery slideDown sélectionnez certains éléments? </a> </li> <li> 5. <a href="http://fr.voidcc.com/question/p-wahnvbov-co.html" target="_blank" title="Transmettre les données dans l'URL sans utiliser GET"> Transmettre les données dans l'URL sans utiliser GET </a> </li> <li> 6. <a href="http://fr.voidcc.com/question/p-xyduccak-cm.html" target="_blank" title="comment changer automatiquement les données de ne pas utiliser la page Web ouverte pour Per heure"> comment changer automatiquement les données de ne pas utiliser la page Web ouverte pour Per heure </a> </li> <li> 7. <a href="http://fr.voidcc.com/question/p-mmdlokcs-bm.html" target="_blank" title="Comment forcer certains éléments à s'afficher uniquement lorsqu'ils sont complètement chargés sur une page Web?"> Comment forcer certains éléments à s'afficher uniquement lorsqu'ils sont complètement chargés sur une page Web? </a> </li> <li> 8. <a href="http://fr.voidcc.com/question/p-msphbcmy-ce.html" target="_blank" title="Comment récupérer ces éléments d'une page Web?"> Comment récupérer ces éléments d'une page Web? </a> </li> <li> 9. <a href="http://fr.voidcc.com/question/p-gdztpmlr-cb.html" target="_blank" title="Quelles technologies utiliser pour l'hébergement d'applications web page web et logique pour interroger la page web"> Quelles technologies utiliser pour l'hébergement d'applications web page web et logique pour interroger la page web </a> </li> <li> 10. <a href="http://fr.voidcc.com/question/p-ssxwigap-m.html" target="_blank" title="Utiliser jQuery pour remplacer XMLHttpRequest"> Utiliser jQuery pour remplacer XMLHttpRequest </a> </li> <li> 11. <a href="http://fr.voidcc.com/question/p-tacioiug-a.html" target="_blank" title="Comment utiliser une variable pour accéder à certains éléments dans un tableau multidimensionnel?"> Comment utiliser une variable pour accéder à certains éléments dans un tableau multidimensionnel? </a> </li> <li> 12. <a href="http://fr.voidcc.com/question/p-gfacjjoz-bk.html" target="_blank" title="comment remplacer certains caractères dans une chaîne?"> comment remplacer certains caractères dans une chaîne? </a> </li> <li> 13. <a href="http://fr.voidcc.com/question/p-qgxzimcf-bp.html" target="_blank" title="Utiliser javascript remplacer pour remplacer les nombres dans une chaîne?"> Utiliser javascript remplacer pour remplacer les nombres dans une chaîne? </a> </li> <li> 14. <a href="http://fr.voidcc.com/question/p-fqhudpil-z.html" target="_blank" title="Utiliser Regex pour remplacer les HREF"> Utiliser Regex pour remplacer les HREF </a> </li> <li> 15. <a href="http://fr.voidcc.com/question/p-scjzavxm-cg.html" target="_blank" title="Utiliser Groovy MetaClass pour remplacer les méthodes"> Utiliser Groovy MetaClass pour remplacer les méthodes </a> </li> <li> 16. <a href="http://fr.voidcc.com/question/p-qeicsbny-bo.html" target="_blank" title="Comment remplacer certains octets dans un fichier?"> Comment remplacer certains octets dans un fichier? </a> </li> <li> 17. <a href="http://fr.voidcc.com/question/p-pmjtssmb-q.html" target="_blank" title="Utiliser RJS pour remplacer Div"> Utiliser RJS pour remplacer Div </a> </li> <li> 18. <a href="http://fr.voidcc.com/question/p-tngerrew-v.html" target="_blank" title="Get DefaultListModel pour utiliser LinkedList"> Get DefaultListModel pour utiliser LinkedList </a> </li> <li> 19. <a href="http://fr.voidcc.com/question/p-akbgmfbm-cn.html" target="_blank" title="Eclipse manquant certains éléments du menu Préférences"> Eclipse manquant certains éléments du menu Préférences </a> </li> <li> 20. <a href="http://fr.voidcc.com/question/p-tgejfgha-by.html" target="_blank" title="La page Web ne montrera pas certains caractères"> La page Web ne montrera pas certains caractères </a> </li> <li> 21. <a href="http://fr.voidcc.com/question/p-pnehoqvq-cc.html" target="_blank" title="Comment utiliser uiwebview pour afficher une page Web?"> Comment utiliser uiwebview pour afficher une page Web? </a> </li> <li> 22. <a href="http://fr.voidcc.com/question/p-enmjdcyj-bu.html" target="_blank" title="Comment définir des ID pour certains éléments de Quickform_date?"> Comment définir des ID pour certains éléments de Quickform_date? </a> </li> <li> 23. <a href="http://fr.voidcc.com/question/p-ahnmwost-ce.html" target="_blank" title="Comment utiliser les informations de formulaire pour renseigner automatiquement un formulaire sur une autre page Web"> Comment utiliser les informations de formulaire pour renseigner automatiquement un formulaire sur une autre page Web </a> </li> <li> 24. <a href="http://fr.voidcc.com/question/p-elanoblf-p.html" target="_blank" title="Comment désactiver certains éléments XAML pour un ListView WPF"> Comment désactiver certains éléments XAML pour un ListView WPF </a> </li> <li> 25. <a href="http://fr.voidcc.com/question/p-edmwusqy-ca.html" target="_blank" title="Suppression de certains éléments de mise en page de JProgressBar"> Suppression de certains éléments de mise en page de JProgressBar </a> </li> <li> 26. <a href="http://fr.voidcc.com/question/p-dhirisfn-m.html" target="_blank" title="Comment utiliser WebRequest pour publier des données et obtenir une réponse à partir d'une page Web"> Comment utiliser WebRequest pour publier des données et obtenir une réponse à partir d'une page Web </a> </li> <li> 27. <a href="http://fr.voidcc.com/question/p-txeoxcoz-bq.html" target="_blank" title="comment remplacer certains mots quand j'ai ajouté après de"> comment remplacer certains mots quand j'ai ajouté après de </a> </li> <li> 28. <a href="http://fr.voidcc.com/question/p-bforcusq-bs.html" target="_blank" title="Comment vérifier groupe pour contenir certains éléments dans SQL?"> Comment vérifier groupe pour contenir certains éléments dans SQL? </a> </li> <li> 29. <a href="http://fr.voidcc.com/question/p-apdjnxrq-bm.html" target="_blank" title="Comment désactiver Cufon sur certains éléments?"> Comment désactiver Cufon sur certains éléments? </a> </li> <li> 30. <a href="http://fr.voidcc.com/question/p-oklrlafk-cm.html" target="_blank" title="Comment limiter certains éléments avec L2E/S?"> Comment limiter certains éléments avec L2E/S? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422260"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- VOIDCC问答侧边栏广告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Dernière question </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://fr.voidcc.com/question/p-qlpxzynh-bkw.html" target="_blank" title="Messenger bot undefined messaged"> Messenger bot undefined messaged </a> </li> <li class="side_article_list_item"> 2. <a href="http://fr.voidcc.com/question/p-atrhcvou-bkw.html" target="_blank" title="Pourquoi les modèles 3D ont des positions de vertex dupliquées avec différentes coeurs uv"> Pourquoi les modèles 3D ont des positions de vertex dupliquées avec différentes coeurs uv </a> </li> <li class="side_article_list_item"> 3. <a href="http://fr.voidcc.com/question/p-tangfjcq-bkv.html" target="_blank" title="php DOMDocument obtenir des informations de noeud"> php DOMDocument obtenir des informations de noeud </a> </li> <li class="side_article_list_item"> 4. <a href="http://fr.voidcc.com/question/p-fjmuewpi-bkv.html" target="_blank" title="Comment empêcher Visual Studio de déclencher des événements sur le concepteur?"> Comment empêcher Visual Studio de déclencher des événements sur le concepteur? </a> </li> <li class="side_article_list_item"> 5. <a href="http://fr.voidcc.com/question/p-eoecpxyi-bkv.html" target="_blank" title="Fonction max dans la compréhension"> Fonction max dans la compréhension </a> </li> <li class="side_article_list_item"> 6. <a href="http://fr.voidcc.com/question/p-zbidydhm-bkv.html" target="_blank" title="Retrait chaîne de l'élément dans le cadre de données"> Retrait chaîne de l'élément dans le cadre de données </a> </li> <li class="side_article_list_item"> 7. <a href="http://fr.voidcc.com/question/p-tjlbznxi-bkv.html" target="_blank" title="QT Creator Désactiver l'affichage du chemin du fichier dans le navigateur de fichiers"> QT Creator Désactiver l'affichage du chemin du fichier dans le navigateur de fichiers </a> </li> <li class="side_article_list_item"> 8. <a href="http://fr.voidcc.com/question/p-nlknexrc-bkv.html" target="_blank" title="Comment masquer 'Ajouter au panier' pour les produits variables, mais garder les variations de produits visibles"> Comment masquer 'Ajouter au panier' pour les produits variables, mais garder les variations de produits visibles </a> </li> <li class="side_article_list_item"> 9. <a href="http://fr.voidcc.com/question/p-nkdrlvcz-bkv.html" target="_blank" title="comment régler le minuteur pour le processus physique dans Castalia?"> comment régler le minuteur pour le processus physique dans Castalia? </a> </li> <li class="side_article_list_item"> 10. <a href="http://fr.voidcc.com/question/p-urlvgeda-bkv.html" target="_blank" title="La fermeture de la fenêtre PowerShell ferme également mon programme."> La fermeture de la fenêtre PowerShell ferme également mon programme. </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Questions connexes</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://fr.voidcc.com/question/p-hbjdzbbb-br.html" target="_blank" title="Puis-je remplacer jQuery .val() uniquement pour certains éléments d'entrée?"> Puis-je remplacer jQuery .val() uniquement pour certains éléments d'entrée? </a> </li> <li class="side_article_list_item"> 2. <a href="http://fr.voidcc.com/question/p-pkupwyyg-bn.html" target="_blank" title="comment valider seulement certains des éléments dans la page Web et pas les autres?"> comment valider seulement certains des éléments dans la page Web et pas les autres? </a> </li> <li class="side_article_list_item"> 3. <a href="http://fr.voidcc.com/question/p-tepvgyyz-w.html" target="_blank" title="Comment cacher certains éléments sur une page en utilisant jQuery"> Comment cacher certains éléments sur une page en utilisant jQuery </a> </li> <li class="side_article_list_item"> 4. <a href="http://fr.voidcc.com/question/p-ujxjhfgn-cp.html" target="_blank" title="jQuery slideDown sélectionnez certains éléments?"> jQuery slideDown sélectionnez certains éléments? </a> </li> <li class="side_article_list_item"> 5. <a href="http://fr.voidcc.com/question/p-wahnvbov-co.html" target="_blank" title="Transmettre les données dans l'URL sans utiliser GET"> Transmettre les données dans l'URL sans utiliser GET </a> </li> <li class="side_article_list_item"> 6. <a href="http://fr.voidcc.com/question/p-xyduccak-cm.html" target="_blank" title="comment changer automatiquement les données de ne pas utiliser la page Web ouverte pour Per heure"> comment changer automatiquement les données de ne pas utiliser la page Web ouverte pour Per heure </a> </li> <li class="side_article_list_item"> 7. <a href="http://fr.voidcc.com/question/p-mmdlokcs-bm.html" target="_blank" title="Comment forcer certains éléments à s'afficher uniquement lorsqu'ils sont complètement chargés sur une page Web?"> Comment forcer certains éléments à s'afficher uniquement lorsqu'ils sont complètement chargés sur une page Web? </a> </li> <li class="side_article_list_item"> 8. <a href="http://fr.voidcc.com/question/p-msphbcmy-ce.html" target="_blank" title="Comment récupérer ces éléments d'une page Web?"> Comment récupérer ces éléments d'une page Web? </a> </li> <li class="side_article_list_item"> 9. <a href="http://fr.voidcc.com/question/p-gdztpmlr-cb.html" target="_blank" title="Quelles technologies utiliser pour l'hébergement d'applications web page web et logique pour interroger la page web"> Quelles technologies utiliser pour l'hébergement d'applications web page web et logique pour interroger la page web </a> </li> <li class="side_article_list_item"> 10. <a href="http://fr.voidcc.com/question/p-ssxwigap-m.html" target="_blank" title="Utiliser jQuery pour remplacer XMLHttpRequest"> Utiliser jQuery pour remplacer XMLHttpRequest </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://fr.voidcc.com/contact">Nous contacter</a></li> <li>© 2020 FR.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>