.append不向.list添加.item
.append不向.list添加.item
提问于 2015-04-16 13:15:58
这是科德勒米课的一部分。这是Jquery的一课。我不知道如何将.item附加到.list。他们没有在网站上解释，我一直无法找到我理解的答案。
HTML代码
<!DOCTYPE html>
<html>
<head>
<title>To Do</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h2>To Do</h2>
<form name="checkListForm">
<input type="text" name="checkListItem"/>
</form>
<div id="button">Add!</div>
<br/>
<div class="list"></div>
</body>
</html>新的Jquery代码
$(document).ready(function() {
$('#button').click(function() {
var toAdd = $('input[name=checkListItem]').val();
$('div').append('<div class="item">' + toAdd+ '</div>');
});
});问题是我无法让.item添加到.list中。我是一个全新的jQuery用户，所以这对我来说有点难理解。即使是，在修复语法错误之后，也没有添加正确的项。
网站给了我这个错误:哎呀，再试一次。确保使用.append()将.item添加到.list中！
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-04-16 13:36:27
试试这个：
$(document).ready(function() {
$('#button').click(function() {
var toAdd = $('input[name=checkListItem]').val();
$('.list').append('<div class="item">' + toAdd+ '</div>');
});
});Stack Overflow用户
发布于 2015-04-16 13:17:24
$('#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>');Stack Overflow用户
发布于 2015-04-16 13:17:08
您使用的元素不会像您预期的那样追加元素。
尝试将类和文本作为对象传递，
$(document).ready(function() {
$('#button').click(function() {
var toAdd = $('input[name=checkListItem]').val();
$('div.list').append($('<div>',{"class":"item","text":toAdd}));
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29675875
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号