javascript - 删除我用按钮创建的所有附加内容

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');
    }
  });
 });

这是我附加这些 h5 的 html 代码

<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()'