удалить все добавления, которые я сделал с помощью кнопки

Question

Я сделал кнопку, которая работает с jquery и добавляет тег h5, но я хочу удалить их все, когда нажимаю кнопку X или cerrar, может кто-нибудь мне помочь?

jQuery(document).ready(function () {
/* $('$errorrut').css('visibility','hidden'); */
$('#searchCertification').click(function (e) {
    e.preventDefault();
    if (!$('#newrut').val()) {
        $('#ruterror').css('visibility', 'visible');
        $('#newrut').css('border-color', 'darkred');
    } else {
        var bloque = '<h5>Título o habilitación profesional: </h5>';
        $(bloque).css({'border':'1px solid','padding':'5px'});
        $('#titulosProfesionales').append(bloque);
        $('#baseTitulo').css('visibility','visible');
    }

});
$('#cerrar').click(function (e) {
    if ($('#ruterror').css('visibility', 'visible') && $('#newrut').css('border-color', 'darkred')) {
        $('#ruterror').css('visibility', 'hidden');
        $('#newrut').css('border-color', '#d2d6de');
    }
  });
 });

Вот код html, куда я добавляю эти h5

<div class="row pt-15">
                            <div class="col-xs-12 col-md-12">
                                <div class="panel panel-default" id="baseTitulo" style="visibility: hidden;">
                                    <div class="panel-body" id="titulosProfesionales">

                                    </div>
                                </div>
                            </div>
                        </div>

Answer 1

Если вы хотите удалить все h5 внутри контейнера, используйте: ʼ $ ('# titulosProfesionales'). Empty () ʼ

Answer 2

Присвойте уникальное имя класса добавленным <h5> s, а затем удалите их программным способом, ссылаясь на уникальное имя класса.

Я могу указать c, если вы отобразите больше кода. Непонятно, куда вы добавляете теги <h5>.