Accessing appended elements in JQuery

Say that you have just appended an element in JQuery and need to access it. Since your element was non-existent on the page load, you will need to refer the click on an upper existing element with this syntax:

1 2 3 4 5 6

$(document).on("click", ".targetclass", function(e){ //targetclass is the class of the element you intend to access e.preventDefault(); //do stuff here });

This way, JQuery will access your element regardless it was existent or not on page load.

Digamos que você tenha adicionado um elemento em sua página por JQuery (usando append) e você precise acessá-lo. Uma vez que o elemento não existia quando houve o carregamento da página, você precisará se referir ao clique no elemento através de outro elemento já existente durante o início da página (por exemplo, o próprio documento), com esta sintaxe:

1 2 3 4 5 6

$(document).on("click", ".targetclass", function(e){ //targetclass é a classe do elemento que você pretende acessar e.preventDefault(); //o restante do seu código aqui });

Dessa forma, o JQuery conseguirá acessar o seu elemento independentemente de ele existir ou não no carregamento da página.