O que fiz foi apenas alterar o trecho do código onde você executa o remove().
Espero ter ajudado.
$("#addParagrafo").click(function () { var conteudo = $('#adicionarConsideracoesGerais').val(); $("#consideracoesGeraisParagrafos").append("<div class='painel-paragrafo'><textarea class='form-control paragrafoConsideracoesGerais' disabled rows='4'>" + conteudo + "</textarea><br><button type='button' class='btn btn-xs btn-default pull-right btn-remover' title='Remover este parágrafo'><i class='fa fa-minus'>Remov</i></button><br><br></div>"); $('.painel-paragrafo').on('click', ".btn-remover", function () { $(this).parent().remove(); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="col-md-12"> <div class="panel"> <div class="paragrafosConsideracoesGerais"> <ul id="consideracoesGeraisParagrafos"> </ul> <textarea class="form-control" id="adicionarConsideracoesGerais"></textarea> <div class="clearfix"></div><br> <button class="btn btn-xs btn-default pull-right" type="button" title="Adicionar Parágrafo" id="addParagrafo"><i class="fa fa-plus">add</i></button> </div> </div> </div> - Relacionar o item