Wie füge ich Elemente zum DOM hinzu und beziehe mich dann auf diese hinzugefügten Elemente in Javascript/JQuery?

Question

Nach Elementen Seite Zugabe so etwas wie dieses verwenden,

$('#blah').append('<div id="bugsbunny"></div>'); 

wie kann ich Javascript/jquery mit diesem hinzugefügt Element? Müsste der DOM-Baum neu erstellt werden oder etwas? Ich möchte so etwas tun:

$('#bugsbunny').hide(); 

Wie kann ich das zur Arbeit bringen? Ist die Logik falsch oder gibt es einen anderen Weg, dies zu tun?

Ich habe überlegt, .on oder .live zu verwenden, aber diese Methoden erfordern ein Ereignis wie "klick". Mein Code sieht ungefähr so ​​aus:

$(document).ready(function(){ 
bamboo.addEventListener("load", dothisaction, false); 
}); 

function thisHappensAtAnotherTime() { 
$('#blah').append('<div id="bugsbunny"></div>'); 
} 

function dothisaction(evt) { 
    $('#bugsbunny').hide(); 
} 

Allerdings verschwindet #bugsbunny nicht, weil es angehängt wurde, nachdem die Seite geladen wurde. Was kann ich tun?

Vielen Dank im Voraus!

Bearbeiten: Ich aktualisiert, wie mein Code aussieht.

Answer 1

$(function(){ 
    var rabbit; 

    function thisHappensAtAnotherTime() { 
     rabbit = $('<div id="bugsbunny" />'); 
     $('#elmer').append(rabbit); 

     //no sure but i think you can do it like: 
     rabbit = $('<div id="bugsbunny" />').appendTo('#elmer'); 
    } 

    function dothisaction(evt) { 
     rabbit.hide(); 
    } 
});