jQuery rende variabile da elemento prima di accodare a DOM

Question

Cercando di essere efficienti qui. Come posso memorizzare un elemento come variabile prima di aggiungerlo al DOM? Sembra che sia uno spreco crearlo, aggiungerlo, quindi andare a cercarlo di nuovo per creare una variabile.

Il mio metodo è di seguito. OBV sta salvando la stringa come una variabile, non l'oggetto, ma tu hai l'idea.

Qualsiasi magia per me o devo fare due viaggi?

var $rGallery = '<section id="rGallery" />'; 

$bin.before($rGallery); 

console.log($rGallery); 

Answer 1

.before() e .append() può prendere un oggetto jQuery come parametro. Devi solo creare il tuo nuovo oggetto, memorizzarlo in una variabile e poi passarlo a .before() o .append().

esempio rapida:

<div id="bin"> </div>

var newElement; 

$(document).ready(function() { 

    newElement = $("<button>New button</button>"); 
    $("#bin").append(newElement); 

    alert(newElement.text()); 
});​ 

Answer 2

Non

sicuro esattamente quello che stai cercando di fare qui, ma se si desidera salvare il risultato di un selettore jQuery, devi farlo proprio come si farebbe con qualsiasi altra variabile:

var gallery = $("#rGallery"); 

Se si desidera creare un nuovo elemento e salvarlo:

var gallery = document.createElement("section"); 
// Do other stuff on it, like set attributes, etc.