accesso elemento jQuery dopo la funzione di accodamento

Question

Io uso la funzione accodare per non aggiungere un po 'div in un altro elemento

('#test-append').append("<div class='new_div'><b>some text</b></div>") 

tutto sta andando bene e posso vedere il div aggiunto, `ma ho anche bisogno dopo che per l'accesso il selettore div al fine di fare qualcosa con questo div ad esempio per nasconderlo così uso la folowing

$('.new_div').click(function(){ 
      do somthing here 
     }); 

ma non sta funzionando, anche se mi basta usare semplice alert ('ciao') chiamata. Sembra jquery non riconosce la classe di aggiunta (ho anche provato con Id e ottengo lo stesso risultato)

Io apprezzo un certo aiuto su questo tema

Grazie

Answer 1

prima di jQuery 1.7 avete bisogno di usare dal vivo() o suo delegato() per associare eventi a elementi ignorando sia che esistevano al momento di legare o meno.

dal jQuery 1.7, è possibile utilizzare

$('root-element').on('click', 'selector', function() { do it }) 

sopra è editato secondo diaspri commenti

Answer 2

avrei probabilmente dichiarare prima il div poi usa append a.

var newDiv=$("<div class='new_div'><b>some text</b></div>"); 

newDiv.appendto('#test-append'); 

newDiv.click(function(){ do somthing here }); 

Answer 3

Si potrebbe aggiungere l'elemento, quindi selezionarlo in quanto sarà un elemento figlio della selezione originale:

$('#test-append').append("<div class='new_div'><b>some text</b></div>").children('.new_div').click(...); 

Oppure si potrebbe usare .appendTo() che aggiunge l'elemento (s), ma anche mantiene loro selezionati:

$("<div class='new_div'><b>some text</b></div>").appendTo('#test-append').click(...); 

O come altri hanno detto è possibile salvare un riferimento all'elemento in una variabile e quindi utilizzare tale variabile in un secondo momento per manipolare l'elem ent:

var $element = $("<div class='new_div'><b>some text</b></div>").appendTo('#test-append'); 
$element.click(...);//but you could have just chained the call like the previous example 

Answer 4

metodo Forse questo non è consigliabile ... ma funziona (jQuery 2.1.3)

$('.current_element').append("<div class='future_element'><b>some text</b></div>").find('.future_element').click(function(){ 
    console.log('you can see me if you click appended element'); 
}); 

e la versione quando ci aggiungiamo elemento al clic

$('.current_element').click(function(){ 
    $('body').append("<div class='future_element'>anything</div>"); 
    $('.future_element').click(function(){ 
     $(this).text('do something with appended element'); //for example 
    }); 
});