javascript - 为什么<h4>和<p>元素中的文本不一起出现？

我的代码有一些奇怪的问题，我不知道为什么。
当出现<p>中的文本时，<h4>标记中的文本不会出现，反之亦然。
我不能用它们的类来选择它们（用jquery）。
代码使用的是增量id属性。

$(document).ready(function() {
    $("#add").click(function() {
        $("main").append('<div class="card new" style="width: 20rem;">\
        <div class="layer"></div>\
            <div class="card-block">\
                <h4 class="card-title></h4>\
                <p class="card-text"></p>\
            </div>\
            <div class="card-block">\
                <div class="delete">Del</div>\
                <div class="edit" data-toggle="modal" data-target="#note">edit</div>\
            </div>\
        </div>');
        var title = $("#noteTitle").val();
        var text = $("#noteBody").val();

        $(".layer").css({"background-color": "yellow", "position": "absolute", "opacity": ".1", "top":"0", "left":"0", "width": "100%", "height": "100%"});
        $(".new h4").html(title);
        $(".new p").html(text);
        $(".card").removeClass("new");
    });
});

最佳答案

您缺少右引号：

<h4 class="card-title></h4>

应该是：

<h4 class="card-title"></h4>

关于javascript - 为什么<h4>和<p>元素中的文本不一起出现？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45582355/