Question

我们正在制作待办事项列表

以下是说明：

完美！现在我们要将HTML元素添加到文档中。我们可以使用我们方便的.append（）函数来完成这项工作。让我们继续使用.list类附加到我们的div。我们将附加一个带有class =＆＃34; item＆＃34;，因为我们想要一种方法来在我们删除它们之后定位我们附加的s。（A＆＃34;做＆＃34;如果我们无法检查它，那么列表就不好了。）我们希望div的内容是输入字段的内容，我们将其保存在变量toAdd中。这意味着当我们追加时，我们想要追加：

'<div class="item">' + toAdd + '</div>'

继续使用.append（）a with class =＆＃34; item＆＃34;到HTML文档的.list div，然后确保单击按钮添加项目 - 练习将等待您这样做！

我无法理解需要做什么。

我试过了：

$(document).ready(function() {
$("button").click(function () {
   var toAdd = $("input[name=checkListItem]").val();
   $(".list").append("div class='item'" + toAdd + "div");
});});

但是当我输入任何内容并点击按钮时，它无法正常工作。

Answer 1

关闭！试试这个：

$(document).ready(function() {
    $("#button").click(function() {
       var toAdd = $("input[name=checkListItem]").val();
       $(".list").append("<div class='item'>" + toAdd + "</div>");
    });
});

你的append（）中没有HTML尖括号。此外，$("button")应为$("#button")，因为它是ID“按钮”，而不是真正的<button>。

Answer 2

$(".list").append("div class='item'" + toAdd + "div");

应改为：

$(".list").append("<div class='item'>" + toAdd + "</div>");

或

$(".list").append($('<div>').addClass('item').text(toAdd));

Codecademy jQuery坚持＆＃34;修改HTML元素＆＃34;

2 个答案: