1

Uma div recebe novo parágrafo a cada clique, o jQuery confere se houve alteração na DOM, o evento é chamado normalmente porém está retornando a mensagem:

UNDEFINED
. A verificação não funciona com .size() e .lenght de jQuery v3.3.1.

HTML:

<div class='mensagem-list'></div>

E o jQuery:

<script>
    $("body").on('DOMSubtreeModified', '.mensagem-list', function() {

        window.alert( $('.p-list').size );

    });
</script>

No console a cada clique no botão, o data está ficando assim:

<div class='mensagem-list'>
    <p class='p-list'>[mensagem exibida]</p>
    <p class='p-list'>[mensagem exibida]</p>
</div>

1 Resposta 1

1

Seria isto que estaria querendo, contar os elementos filhos da div:

$(document.body).on("click", function() {
    $(".mensagem-list").append($("<p>Um novo parágrafo!</p>"));
    var n = $("p").length;
    console.log(n + ' elementos');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='mensagem-list'>
   <p>Um novo parágrafo!</p>
</div>

2
  • Obrigado fera!!!
    – ElvisP
    Commented 30/08/2018 às 22:57
  • Por nada Eliseu.
    – LeAndrade
    Commented 30/08/2018 às 23:06

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 .