Append em jquery(chamar append no jquery)

Front-end JavaScript
#1

Olá. Estou tentando fazer uma aplicação dinâmica em jQuery. Tenho um botao para quando clicar nele, fazer um append de um conteúdo HTML. Está dando certo. O problema é que esse conteúdo é outro botão, que eu faço pra quando clicar no botão com aquela ID, fazer outro append. E é isso que não está dando certo.

o código:

< script >
$('#criar').click(function(){//DA CERTO!
$('#div').append('< label id="novoAdd">Adicionar</ label>');
});

$('#novoAdd').click(function(){//NAO DA CERTO!
$('#div').append("OK!");
});
</ script>
1 curtida
#2

Olá Jordão,

Isso acontece porque você registra o método no “evento” on-click do componente, portanto, o segundo comando acontece já em seguida do primeiro, só que você ainda não clicou no #criar e por conseguinte não existe #novoAdd.

Se você mudar pra:

< script >
$('#criar').click(function(){//DA CERTO!
      $('#div').append('< label id="novoAdd">Adicionar</ label>');
      $('#novoAdd').click(function(){//NAO DA CERTO!
             $('#div').append("OK!");
      });
});
</ script>

Aí seu codigo vai funcionar, pois você terá a garantia de que #novoAdd existe antes de registrar um evento a ele.!

Valeu

3 curtidas
#3

Ótimo Peron. Deu certo! Muito obrigado cara :smiley: