Uzyskiwanie dostępu do elementu jquery, który właśnie został załączony do DOM

Question

Ja po prostu dodanie elementu, który jest na DOM, takich jak:

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

zaraz po dołączyć go muszę dostęp do elementu Zrobiłem Aby powiązać z nim funkcję kliknięcia, próbowałem:

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

Ale powyższe nie działało. Mogłem jednoznacznie zidentyfikować ten element, ale wydaje mi się, że jest to trochę za dużo pracy, kiedy być może istnieje sposób, w jaki mogę uzyskać element zaraz po dodaniu go.

Answer 1

Można to zrobić:

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

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

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

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

Funkcja dołączania akceptuje dwa rodzaje argumentów: ciąg lub elementu jQuery. Jeśli łańcuch zostanie przekazany, utworzy element jQuery wewnętrznie i dołączy go do elementu nadrzędnego.

W tym przypadku użytkownik chce uzyskać dostęp do elementu jQuery samodzielnie, aby można było dołączyć procedurę obsługi zdarzeń. Więc zamiast podawać ciąg i pozwolić jQuery utworzyć element, musisz najpierw utworzyć element, a następnie przekazać go do funkcji dopełniającej.

Po wykonaniu tej czynności nadal masz dostęp do elementu jQuery, aby móc dołączyć obsługę.

Answer 2

dodawania tożsamość tej element następnie używać go w sposób następujący

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


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

Answer 3

Dlaczego nie zapisać odniesienie do nowego elementu, zanim je dołączyć:

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

Answer 4

Ostatnim elementem będzie nowy element

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

Answer 5

Możesz dołączyć zdarzenie do elementu podczas jego tworzenia -

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

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


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

Answer 6

Po prostu załóż uchwyt do klikania na kotwicę PRZED dołączeniem go.

$("#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/