Question

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

当<p>中的文字出现时，<h4>标记中的文字不会显示，反之亦然。
我不能用他们的类（用jquery）选择它们。

代码正在使用 incremental 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>

Answer 2

您在h4标记中缺少结束引用：

       <div class="card-block">\
            <h4 class="card-title"></h4> // missing " after class name
            <p class="card-text"></p>
        </div>

Answer 3

我认为在向h4和p标记分配文字时出现问题，而且您的语法错误也会错过结束引号：

这是工作片段：

＆＃13;

$(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();

    $(".new h4").html(title);
    $(".new p").html(text);
    $(".card").removeClass("new");
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input id="noteTitle">
<input id="noteBody">
<button id="add">Add</button>
<main></main>

＆＃13;

Answer 4

您还错过了query = "SELECT iv_alert.sensorId, iv_alert.sensorAlertUUID, iv_packetlog.packetData FROM iv_alert LEFT JOIN iv_packetlog ON iv_alert.packetLogId = iv_packetlog.packetLogId WHERE iv_packetlog.creationTime > %s" args=lasttime cursor.execute(query,args)元素查询的主题标签：main应为$("main")。

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

4 个答案: