Jquery .append未将.item添加到.list

Jquery .append未将.item添加到.list,jquery,html,Jquery,Html,这是编解码器课程的一部分。这是一个Jquery课程。我不知道如何将.item附加到.list。他们没有在网站上解释,我一直找不到我能理解的答案 HTML代码 新Jquery代码 问题是我无法获取要添加到.list中的.item。我是一个全新的jQuery用户,所以这对我来说有点难以理解。即使在修复了语法错误之后,也没有添加正确的项 网站给我这个错误:哦,再试一次。确保使用.append将.item添加到.list中 您使用的将不会像预期的那样附加元素 尝试将类和文本作为对象传递 $(docume

这是编解码器课程的一部分。这是一个Jquery课程。我不知道如何将.item附加到.list。他们没有在网站上解释,我一直找不到我能理解的答案

HTML代码 新Jquery代码 问题是我无法获取要添加到.list中的.item。我是一个全新的jQuery用户,所以这对我来说有点难以理解。即使在修复了语法错误之后,也没有添加正确的项


网站给我这个错误:哦,再试一次。确保使用.append将.item添加到.list中

您使用的将不会像预期的那样附加元素

尝试将类和文本作为对象传递

$(document).ready(function() {
    $('#button').click(function() {
      var toAdd = $('input[name=checkListItem]').val();
      $('div.list').append($('<div>',{"class":"item","text":toAdd}));
    });
});
您正在错误地关闭功能。应该是——

$('div').append('<div class="item">' + toAdd+ '</div>');
试试这个:

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

此处出错:>'。您关闭了append函数,我认为这一行有语法问题:$'div'。append+toAdd+;尽量不要问多个问题。这使整个事情变得混乱。如果你原来的问题得到了回答,你需要再问一个问题。问另一个问题,不要经常更新你的原创。发布你的HTML代码。。。添加代码,选择它并单击编辑器中的{}按钮。它应该被格式化。谢谢,我不知道你先发布代码然后再格式化它!这并没有真正回答问题:问题是我无法获取要添加到.list中的.item。或者你没有真正解释他做错了什么。@Liam我想我已经给出了OP需要的东西。我不知道我在这里错过了什么…这很有效!!我不得不在HTML中添加另一个,但在那之后添加类名就行了!!谢谢你的帮助!
$('#button').click(function() {
    var toAdd = $('input[name=checkListItem]').val();
    $('div').append('<div class=".item">') + toAdd+ '</div>'; // Error on this line
});
$('div').append('<div class="item">' + toAdd+ '</div>');
$(document).ready(function() {
$('#button').click(function() {
    var toAdd = $('input[name=checkListItem]').val();
    $('.list').append('<div class="item">' + toAdd+ '</div>');
    });
});