jquery - jQuery append() @codeacademy

Question

「先に進み、.list クラスを使用して div に追加しましょう。後で削除するときに、追加した s をターゲットにする方法が必要になるため、class="item" を使用して a を追加します。(A "to do " リストは、チェックを外せなければ意味がありません。)

div の内容を、変数 toAdd に保存した入力フィールドの内容にする必要があります。つまり、追加するときに、追加したい

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

手順

HTML ドキュメントの .list div に class="item" を指定して .append() を実行してから、必ずボタンをクリックして項目を追加してください。

私のコード:

$(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=checkListItem]").val();
    $(".list").append('<div class="item">' + toAdd + '</div>');
    });
 });