Ottenere l'accesso a un elemento di jQuery che è stato appena allegato al DOM

Question

Sto semplicemente aggiungendo un elemento che è sul DOM come:

$("#div_element").append('<a href="#">test</a>'); 

Subito dopo aggiungo che ho bisogno di accedere all'elemento ho appena fatto al fine di impegnare una funzione di scatto ad essa, ho provato:

$("#div_element").append('<a href="#">test</a>').click(function(){alert("test")}); 

ma quanto sopra non ha funzionato. Potrei id unicamente l'elemento ma sembra un po 'troppo lavoro quando forse c'è un modo per ottenere l'elemento subito dopo averlo aggiunto.

Answer 1

Si può fare questo:

var el = $('<a href="#">test</a>'); 

$("#div_element").append(el); 

el.click(function(){alert("test")}); 

// or preferrably: 
el.on('click', function(){alert("test")}); 

La funzione di aggiunta accetta due tipi di argomenti: una stringa o un elemento di jQuery. Nel caso in cui una stringa venga passata, creerà un elemento jQuery internamente e lo aggiungerà all'elemento genitore.

In questo caso, si desidera accedere all'elemento jQuery da soli, in modo da poter allegare il gestore eventi. Quindi, invece di passare la stringa e lasciare che jQuery crei un elemento, devi prima creare l'elemento e poi passarlo alla funzione append.

Dopo averlo fatto, si ha ancora accesso all'elemento jQuery per poter allegare il gestore.

Answer 2

Add identità che element quindi utilizzarlo come segue

$("#div_element").append('<a id="tester" href="#">test</a>'); 


$('#tester').on('click', function(event) { 
console.log('tester clicked'); 
}); 

Answer 3

perché non risparmiare un riferimento al nuovo elemento prima di aggiungerlo:

var newElement = $('<a href="#">test</a>'); 
$("#div_element").append(newElement); 
newElement.click(function(){alert("test")}); 

Answer 4

L'ultimo elemento sarebbe il nuovo elemento

$('a:last','#div_element').on('click',function(){ 
    // do something 
}); 

Answer 5

È possibile allegare evento per elemento quando lo si crea -

var ele =$("<a href='#'>Link</a>"); 

ele.on("click",function(){ 
    alert("clicked"); 
}); 


$("#div_element").append(ele); 

Answer 6

è sufficiente collegare il gestore clicca per l'ancora PRIMA di aggiungerlo.

$("#div_element").append($('<a href="#">test</a>').click(function(){alert("test")})); 

Answer 7

var $a = $('<a />', {href:"#"}) 
    .text("test") 
    .on('click', function(e) { 
    alert('Hello') 
    }) 
    .appendTo('#div_element'); 

http://jsfiddle.net/33jX4/