jquery - jQuery append() @codeacademy

Question

“让我们继续使用 .list 类附加到我们的 div 中。我们将使用 class="item" 附加 a，因为我们需要一种方法来定位我们附加的 s 稍后删除它们。（A “to do “如果我们不能检查它，那么列表就不好了。）

我们希望 div 的内容是我们输入字段的内容，我们将其保存在变量 toAdd 中。这意味着当我们追加时，我们会想要追加

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

指示

继续，将带有 class="item" 的 .append() a 添加到 HTML 文档的 .list div 中，然后确保单击按钮以添加项目——练习将等待您这样做！”

我的代码：

$(document).ready(function () {
    $("#button").click(function () {
        var toAdd = $("input[name=checkListItem]").val();
    });
});

$(document).ready(function () {
    $('<div class="item">' + toAdd + '</div>').append(".list");
});

Answer 1

走错路了。您需要将要附加的代码放在 .append 之后的括号中，并在第一个括号中声明要附加的代码：

$(document).ready(function() {
    $('div.list').append('<div class="item">'+ toAdd + '</div>');
});

Answer 2

这段代码对我有用

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

Answer 3

以下代码有效

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

Answer 4

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

注意：只是不要使用“+”来连接，你会通过:)

Answer 5

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