1

Como retornar o id de um elemento inserido dinamicamente? Não sei onde estou errando. Quando os elementos ja estão na pagina, funciona normal, mas bastou serem inseridos dinamicamente para parar de funcionar.

if($("#_INSERIR_").length > 0)
{  
    var id_c = parseInt($("#_INSERIR_ p:last")[0].id.split("_")[1]);

    $("#novo_reg").click(function()
    {
        id_c ++;
        var html_new_reg = '<p id="reg_'+id_c+'"><a class="excluir_registro" href="#" title="Excluir este registro">Deletar</a>';
        html_new_reg += '<label>Campo_1</label> <input type="text" name="campo_1" placeholder="Insira novo registro" value="" autocomplete="off"/>';
        html_new_reg += '<label>Campo_2</label> <input type="text" name="campo_2" placeholder="Insira novo registro" value="" autocomplete="off"/></p>';

        $("#_INSERIR_").append(html_new_reg);
    });

    /* funcao para fechar */
    $("a.excluir_registro").click(function()
    {
        var del_id_c = $(this).parent().attr('id');
        console.log(del_id_c);

        //$("p#reg_"+del_id_c+"").remove();
    });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="_INSERIR_">  

    <p id="reg_1">
    <a class="excluir_registro" href="#" title="Excluir este registro">Deletar</a>
    <label>Campo_1</label> <input type="text" name="campo_1" placeholder="Insira novo registro" value="" autocomplete="off"/>
    <label>Campo_2</label> <input type="text" name="campo_2" placeholder="Insira novo registro" value="" autocomplete="off"/>
    </p>

    <p id="reg_2">
    <a class="excluir_registro" href="#" title="Excluir este registro">Deletar</a>
    <label>Campo_1</label> <input type="text" name="campo_1" placeholder="Insira novo registro" value="" autocomplete="off"/>
    <label>campo_2</label> <input type="text" name="campo_2" placeholder="Insira novo registro" value="" autocomplete="off"/>
    </p>
    
    <input type="submit" value="Inserir registro" class="botao_ficha" id="novo_reg"/>
</div>

1
  • A resposta do Lauro está correta pois evento como clique só são vinculado durante o carregamento, para elementos dinâmicos é necessário o uso do método on(). Commented 26/08/2016 às 23:46

1 Resposta 1

1

Se o elemento foi criado dinamicamente utilize on do elemento BODY ao invés de click e é claro insira este id no elemento que contém a classe clicável ex:

$(body).on('click', '.excluir_registro', function(){

     var id = $(this).attr('id');

     // ex de teste ou sua lógica
     alert(id);
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .