Cómo obtener el elemento secundario de un objeto jQuery almacenado en una variable

Question

Para dar un breve nivel alto, tengo una página de resultados de búsqueda con cajas ingeniosas personalizadas para cada resultado. Tomo un cloneNode (verdadero) de los resultados de búsqueda y lo almaceno en un objeto jQuery. Luego quiero afectar el contenido de sus hijos mediante la orientación por ID.

Suponiendo que tengo una estructura HTML como este:

<div id="parent"> 
    <div id="child-1"> 
    </div> 
    <div id="child-2"> 
    </div> 
</div> 

Y tener un clon de los padres, así:

var templatePage = $('div#parent')[0].cloneNode(true); 

Ahora quiero afectar a la CSS de #child-2 con algo parecido a:

templatePage.jQueryGetElementById('child-2').css("display", "none"); 

no puedo usar $('#child-2').css("display", "none"); porque necesito el div que es en la variable, no en la página.

Seguramente me falta algo, pero, por desgracia, Google no está siendo amable conmigo en este caso.

Answer 1

$("#child-1", templatePage).css("display", "none"); 

Puede ver un ejemplo de este here. Esto funciona pasando un contexto (templatePage) a jQuery, y como templatePage contiene un elemento DOM, se busca #child-1 dentro de ese elemento DOM, en lugar de buscar el documento.