extraction de chaîne avec le javascript

J'utilise jquery et ont une page html entière stockée dans var pageextraction de chaîne avec le javascript

var page = '<html>...<div id="start">......</div><!-- start -->....</html>';

Comment puis-je extraire uniquement la partie qui commence par <div id="start"> tout le chemin à après la balise de fin </div> telle que ma sortie est

<div id="start">......</div><!-- start -->

Source

2010-11-10 sullivan

Vous devriez [définitivement] (http://goo.gl/JnoOO) utiliser regex pour cela. –

$(page).find('#start').html();

Source

2010-11-10 21:56:28 AndreKR

Cela obtiendrait le code HTML interne, et pas nécessairement correspondant à la chaîne d'origine. –

Correct. Je me suis demandé s'il fallait écrire cela aussi, mais il a écrit qu'il utilise jQuery (veut utiliser?) Et c'est la seule façon. S'il a besoin de l'élément entier (le outerHTML), il trouvera un moyen de l'envelopper. Mais pour quoi? – AndreKR

Soyez très prudent en lançant '$ (page)' comme cela ... Vous voudrez en sauvegarder une "copie" si vous envisagez d'y faire des recherches très souvent. 'var $ page = $ (page);' Sinon, vous allez créer/détruire plusieurs copies de la représentation DOM ... Aussi, si vous voulez travailler avec jQuery, vous n'aurez pas besoin du '.html() '- ie' $ page.find ("# start"). appendTo ("# target"); ' – gnarf

var start = page.match(/(<div id="start">.*?<!-- start -->)/m)[1];

Source

2010-11-10 21:56:19

Cela ne fonctionnera pas s'il y a un retour à la ligne entre les balises d'ouverture et de fermeture. – Ender

@Ender: Bien sûr, j'ai oublié d'ajouter le "m" pour le mode multi-ligne. –

En tout cas, il y a des chances que le PO ne veuille pas ce qu'il a demandé. Une regex retournera exactement ce qu'il a demandé, mais si ce qu'il veut vraiment est un composant html plutôt que cette chaîne exacte, il devrait utiliser l'analyse jQuery html comme beaucoup d'autres l'ont suggéré. –

Cela devrait le faire:

var result = $(page).find('#start')[0].outerHTML;

Source

2010-11-10 21:57:34

[Ceci n'est pas disponible dans tous les navigateurs] (http://www.quirksmode.org/dom /w3c_html.html#t05) - si c'était le cas, le commentaire ne serait pas inclus. –

regex. ou la manière paresseuse (que je ne recommande pas, mais est rapide ..) serait de créer un DIV caché, jeter dans la div et faire un sélecteur pour elle

$('#myNewDiv').next('#start').html();

Source

2010-11-10 21:58:10 FatherStorm

Une regular expression appropriée vous obtiendrez ce que Tu recherches. Essayez d'utiliser une ligne comme ceci:

var start = page.match(/(<div id="start">[\s\S]*?<\!-- start -->)/)[1];

Il utilise JavaScript's match method pour retourner un tableau de correspondances de votre chaîne de page et met le premier sous-match de parenthetized (dans ce cas, votre tag #start et le commentaire suivant) en start.

Voici une démo qui montre ce travail de méthode: http://jsfiddle.net/Ender/mphUj/

Source

2010-11-10 22:00:34 Ender

si elle est valide html, il serait plus facile de laisser le navigateur le faire pour vous. Quelque chose comme ça ferait l'affaire:

var page = '<html><head><title>foo</title><body><div id="stuff"><div id="start">blah<span>fff</span></div></div></body></head></html>'; 

var start_div = $('#start', page).parent(); 
alert(start_div.html())

Vous pouvez voir cet exemple en action at jsFiddle. [Edit] Comme @Nick l'a souligné plus haut, cela n'inclurait probablement pas le commentaire html à la fin de la div. Il pourrait également ne pas fonctionner dans tous les navigateurs - je ne sais pas - vous devriez le tester. Post retour et laissez-nous savoir.

Source

2010-11-10 22:12:13 Lee

extraction de chaîne avec le javascript

Répondre

Questions connexes