Buscar elemento dentro del data que retorna $.ajax

[doylelives]

Hola a todos, esto tratando de saber porque no puedo hacer uso del selector en un response de ajax. El code es muy simple

Código Javascript:

$.ajax({
   url: 'test.html',
   dataType: "html",
   success: function(data) {    
        console.log(data);
        console.log($(data));
        console.log($(data).find('span'));
        console.log($(data).find('.line'));
  }
});
 

//Contenido de test.html

Código Javascript:

<span class="line" />
 

y lo que obtengo en la console es:

Código Javascript:

<span class="line" />
jQuery.fn.jQuery.init
jQuery.fn.jQuery.init
jQuery.fn.jQuery.init
 

Los 3 ultimos son objetos jquery creo. pero no son objeto del span al que deseo acceder.
Es esto un bug de jquery?

[livemusic]

usa json, para lo que necesitas ¡¡

[doylelives]

La implementacion debe usar todo un markup retornado por ajax. Y simplemente se lo injecta a la pagina actual.
No debo usar nada de json.

[Aijoona]

Probá esto:

Código Javascript:

$.ajax({
   url: 'test.html',
   dataType: "html",
   success: function(data) { 
        var holder = $('<div/>').html(data);
 
        console.log(holder );
        console.log(holder .find('span'));
        console.log(holder .find('.line'));
  }
});
 

[doylelives]

wow eso funcionó!
Es muy extraño ese comportamiento.
Porque será?

Igual gracias, ya lo apliqué en mi code ;)

[Aijoona]

La consulta Ajax te devuelve un fragmento de HTML en formato de texto, con lo cual no es 'navegable' con jQuery por no ser un nodo.

Al aplicarlo como innerHTML de un elemento, pasa a serlo.