javascript - 如何更正此 jquery 追加

Question

在另一个问题中，有人让我使用这种编写 jQuery .append() 的方法，但我似乎无法让它工作。控制台返回错误“意外的字符串”，但我不知道我做错了什么。

不工作:

$(".create-form").submit(function(event){
    var title = $("#story-name").val();
    copy = $("#story-content").val();
    $(".storyboard").append(
        $("<li/>", className: "story").html(
            $("<span/>", className: "story-count") +
            $("<span/>", className: "story-title-input", content: title)));
});

我还尝试在第一个 append 元素上用逗号代替“+”和 .append() 而不是 .html()。我可以通过写出所有 html 来让它工作，但这感觉像是一种更简洁的方法。

Answer 1

确定您缺少用于 json 初始化的 { 和 }。

$(".create-form").submit(function(event){
    var title = $("#story-name").val();
    copy = $("#story-content").val();
    $(".storyboard").append(
        $("<li/>", { className: "story" }).html(
            $("<span/>", { className: "story-count" }) +
            $("<span/>", { className: "story-title-input", content: title } )));
});

然后我会替换这个

$("<li/>", { className: "story" }).html(
   $("<span/>", { className: "story-count" }) +
   $("<span/>", { className: "story-title-input", content: title } )));

通过

$("<li/>", { className: "story" })
   .append($("<span/>", { "class": "story-count" }))
   .append($("<span/>", { "class": "story-title-input", text: title } ));