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>