¿Puede jQuery analizar HTML almacenado en una variable?

Question

Estoy usando PHP y un comando ajax para tomar todo el contenido HTML de una página web externa (a través del comando PHP file_get_contents()) y pasar ese HTML a una variable de JavaScript. Una vez que tengo los contenidos HTML de la página almacenados en una variable, ¿puedo usar jQuery para interactuar con el contenido de esa variable, de la misma manera que jQuery normalmente interactúa con el DOM? En este ejemplo, estoy tratando de buscar la existencia de ciertos elementos HTML (etiquetas <div> y <script>) con atributos de ID específicos. ¿Alguien puede sugerir cómo puedo lograr esto?

Answer 1

Si te entiendo correctamente, deberías poder pasar la variable a la función jQuery y trabajar en consecuencia.

Un ejemplo rápido con .filter():

$(myHtml).filter('#someid').doStuff(); 

Answer 2

sólo tiene que pasar como una cadena al constructor jQuery.

var foo = jQuery('<p><b>asd</b><i>test</i></p>'). 
alert(foo.find('i').text()); 

Answer 3

Sí. Y aunque eso no esté disponible, podrías hacer un div invisible y luego analizarlo allí.

Answer 4

Incluso puede usar JS nativo para hacer esto. En este caso, añadir el nuevo HTML a un div oculto mediante el uso de su propiedad innerHTML así:

document.getElementById('hidden_div_id').innerHTML = myHTML; 

Una vez que se añade el nuevo HTML, se puede caminar a través de nodos utilizando cualquier método que desee.

Answer 5

Simplemente inyéctelo en un div oculto y manipule lo que necesita de allí.

var myHTML;//variable with html from php 

var $hiddenDIV = $('<div></div>').hide().appendTo('body').html(myHTML); 
/*Now you can traverse the contents of $hiddenDIV. 
* If you need to get the contents back: 
*/ 
var newHTML = $hiddenDIV.html();