javascript - 为什么

Question

我的代码有一些奇怪的问题，我不知道为什么。

1. <p> 中的文本<h4> 中的文本时标签不出现出现，反之亦然。

2. 我无法通过他们的类(使用 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");
    });
});

Answer 1

您缺少结束引号:

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

应该是:

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