Elemento deixa de ter a função

[FaahWl 4]

Galera, boa tarde!

 

Tenho um código que pega todos os elementos <a class='editar'> dentro de uma tabela..

Quando clico nesse Editar, ele remove todos os elementos da linha (inclusive o <a>) e insere outros elementos... junto a um <a class='cancelar'>..

 

Ao clicar nesse <a class='cancelar'>, ele retira todos os elementos da linha denovo, inclusive o cancelar, e insere o <a class='editar'> denovo.. Só que quando clico no Editar denovo ele perde a função... não entra mais..

 

Adiciono a função da seguinte forma:

for(var i=0;i<editar.length;i++)
{
  editar[i].onclick = função
}

Alguém saberia me ajudar?

[William Bruno 1501]

Cara, quando vc roda esse loop vc coloca o evento nos elementos que já estão no DOM nesse instante.

Como vc adiciona novos elementos depois, então vc precisa ir nesse cara e inserir o evento nele, individualmente, entendeu ?

 

Uma forma de contornar isso, é utilizando uma técnica chamada delegate.

[FaahWl 4]

Muito obrigado Willian, imaginei que fosse isso mesmo rsrs..

 

Vou procurar sobre, muito agradecido!

 

Valeu :D

[William Bruno 1501]

Opa, eu tinha esquecido que tinha escrito sobre.

Segue para te ajudar:

 

http://wbruno.com.br/javascript-puro/delegate-events-no-javascript/

 

:lol: