在第23行，当单击remove-title按钮时，您只是选择了一个父HTML元素，但没有对它做任何事情。

if ($(".remove-title").length) {
  $("body").on("click", ".remove-title", function() {
    console.log("clicked");
    $(this).parents(".btn-options");
  });
}

通过这种修改，我们首先检查是否有其他标题元素。如果没有，我们触发一个点击兄弟添加标题按钮，以防止一个空页面。

if ($(".remove-title").length) {
  $("body").on("click", ".remove-title", function() {
    console.log("clicked");
    var $parent = $(this).parents(".title-area");
    if (!$parent.siblings().length) {
      $(this).siblings('.add-title').trigger("click");
    }
    $parent.remove();
  });
}