Keskustelu: Nettisivujen teko: Javascriptillä luodon elementin valinta?

<div id="testi"></testi>

//Dom ready funktiossa:

var elementti2 = '<div id="el2"></div>';

$("#testi").html(elementti2);

var eiOnnitu = $("#el2");
//eiOnnistu on tyhjä.

Mikä on oikeaoppinen tapa lähestyä kyseistä ongelmaa? Onko se sellainen, että luodaan esim. tuo el2 ja kaikki muutkin elementit vaikka niitä olisi tuhansia ja sitten niille asetetaan display:none pois päältä. Vai onko jotain tapaa, miten lennosta luoduille elementeillä saadaan esim. tapahtuman kuuntelijoita ja jQuery plugareita liitettyä?

Kyllähän tuo esimerkkikoodisikin toimii vallan hyvin. Muuttuja eiOnnitu on tässä tapauksessa ihan turha, koska sinulla on kyseinen elementti jo muuttujassa 'elementti2' (Tosin se pitää muuttaa jQuery-olioksi).

$(function() {
  var box = $('<div id="box" style="width: 100px; height: 100px; background: red"></div>');

  $('#wrap').html(box);
  box.delay(2000).animate({width: 200, height: 200});
})