¿Cómo crear un objeto jQuery vacío, no nulo, listo para agregar?

Quiero agregar algo de html a un objeto jQuery no nulo vacío solo en el bucle, pero no funciona a menos que cree un objeto y agregue una etiqueta html durante la creación. ¿Cómo puedo crear un objeto jQuery vacío y poder agregarle html más adelante?

//var $new = $().add("");  //can't use this object in the loop
//var $new = $([]);        //can't use this object in the loop
//var $new = $();        //can't use this object in the loop
//var $new = $("#nonexistingelement"); //can't use this object in the loop
var $new = $().add("<tr>");  //works but I don't want to add any html at this point. 

$.each(.....)
  {
    $new.append("<sometag>");

});

alert($new.html());  //should display some html

Suma:
http://jsfiddle.net/vfPNT/

Su problema aquí es que no hay objetos jQuery “nulos” que no se pueden agregar y “vacíos” que se pueden agregar. Ya ha identificado varias formas de crear uno vacío y, aunque puede haber más, no importa: lo que está tratando de hacer simplemente no hará lo que espera, no importa. cómo empiezas porque…

…append() modifica el DOM, no el objeto jQuery. Y un objeto jQuery vacío no tiene DOM! Tomalak tuvo la idea correcta, aunque es posible que no la hayas entendido.

Voy a hacer tres observaciones sobre jQuery que probablemente ya conozca, pero que son útiles para comprender el resto de esta respuesta y, por lo tanto, pueden beneficiar a futuros lectores:

1. Un objeto jQuery es fundamentalmente un establecer de elementos DOM.
2. Algunos métodos jQuery operan en el conjunto y otros operan en los nodos en el conjunto.
3. Algunos métodos jQuery operan solo en (o recuperan información solo de) el primero nodo añadido al conjunto.

Con estas tres observaciones en mente, consideremos su ejemplo:

// 1. create an empty set somehow (doesn't matter how)
var $new = $();

// 2. iterate over something
$.each( ..., function( ... )
{
  // 3. construct a DOM fragment from HTML, and append it
  $new.append("<sometag>"); 
});

// 4. try to display HTML corresponding to the jQuery object
alert($new.html());  

En este ejemplo, el paso 3 no hará nada útil porque el propósito de append() es tomar cualquier elemento DOM que se le dé y agregarlo como elementos secundarios a cada elemento DOM en el conjunto. Ya que $new es un vacío conjunto, no hay elementos a los que anexar, y… no pasa nada. El paso n.º 1 está funcionando bien, pero al crear un conjunto sin ningún elemento DOM, ¡se está preparando para fallar cuando intente usar métodos que existen para modificar el DOM! Observación de referencia n.º 2… para modificar el conjunto, debe llamar a un método que realmente opera En el set.

Bien, digamos que usamos el modificación del conjunto método add() en cambio:

  $new = $new.add("<sometag>");

Ahora estamos bien, ¿verdad? Cada paso a través del ciclo creará un nuevo objeto jQuery que consiste en el conjunto anterior + un elemento recién creado. Bien…

…esto solo hará que el paso #4 haga algo extraño. Ver, html() es uno de esos métodos que mencioné en la Observación #3 – opera solo en el primer elemento en el conjunto Así que en lugar de una secuencia ("<sometag><sometag><sometag>...") solo obtendrá una representación HTML del elemento creado en el primer paso por el ciclo ("<sometag>"). Excepto… Ni siquiera vas a conseguir queporque html() crea una representación del elemento niños entonces que eres De Verdad va a terminar con es ""…

Todo esto fue simplemente una gran decepción: comenzó a trabajar con el conjunto (Paso n.° 1), luego trató de operar en el DOM (Paso n.° 3) y terminó tratando de extraer datos de una Elemento DOM (que no existía) (y no habría tenido ningún dato si existiera) (Paso #4).

La solución que finalmente se le ocurrió no es terrible: esencialmente está optando por agregar una elemento raíz al conjunto que comienza, y opere completamente en este fragmento DOM hasta que termine de agregar nuevos elementos y esté listo para operar en ellos. Lo ha omitido de su ejemplo revisado, pero html() también funcionaría, ya que simplemente volcaría el contenido de su elemento raíz.

Pero para completar, les daré un ejemplo final que funciona en el establecercomenzando con un objeto jQuery vacío:

var $new = $();
$.each( [1, 2, 3, 4], function(i, v)
{
  $new = $new.add("<div>");
});

alert($new.length == 4); // true

// alerts: <div></div><div></div><div></div><div></div>
alert($("<div>").append($new).html()); 

Los fragmentos de documentos son perfectos para esto; crea un objeto vacío listo para agregar. 🙂

$(document.createDocumentFragment())

tu objeto $new es un selector vacío, por lo que append no tiene conjuntos a los que anexar.

add es necesario para agregar un nodo DOM, y luego se agrega a esos nodos DOM. No crea que puede evitar comenzar con un .add.

Probé la solución anterior pero no funcionó para mí, siempre permaneció como un objeto jQuery vacío …

Si alguien está interesado, aquí está mi solución:

var jQueryElements = [],
    $new;

$.each( [1, 2, 3, 4], function(i, v){
  jQueryElements = jQueryElements.push($('<div>').get(0));
});

$new = $(jQueryElements);

No pude encontrar otra manera, así que comencé con el <tr>. La eliminación de la <tr> mientras mantenía el contenido no funcionó correctamente y es por eso que publiqué la pregunta. Entonces, en cambio, creé una nueva selección de jQuery seleccionando todos los <sometag>'s which were inside the <tr> y tiró $nuevo.

var $new = $().add("<tr>");  

$.each(.....)
  {
    $new.append("<sometag>");

});
$new.append("</tr>");
$newObject = $('sometagt', $new)
..... do more work using $newObject

si no quieres terminar con una etiqueta fea:

if(!$new){
$new.append("</sometag>");
} else {
var $new = $("</sometag>");