Javascript Codecademy jQuery卡在";“修改HTML元素”;
我们正在列一张待办事项清单 以下是说明: 太好了!现在我们要将HTML元素添加到文档中。我们可以使用handy.append()函数来实现这一点。 让我们继续使用.list类附加到我们的div中。我们将用class=“item”附加一个,因为我们希望在以后删除附加的时找到一种方法来定位它们。(如果我们无法核对“待办事项”清单,那么它就没有好处。) 我们希望div的内容是输入字段的内容,保存在变量toAdd中。这意味着当我们附加时,我们将要附加: 但当我键入任何内容并单击按钮时,它都不起作用。关闭!试试这个:Javascript Codecademy jQuery卡在";“修改HTML元素”;,javascript,jquery,Javascript,Jquery,我们正在列一张待办事项清单 以下是说明: 太好了!现在我们要将HTML元素添加到文档中。我们可以使用handy.append()函数来实现这一点。 让我们继续使用.list类附加到我们的div中。我们将用class=“item”附加一个,因为我们希望在以后删除附加的时找到一种方法来定位它们。(如果我们无法核对“待办事项”清单,那么它就没有好处。) 我们希望div的内容是输入字段的内容,保存在变量toAdd中。这意味着当我们附加时,我们将要附加: 但当我键入任何内容并单击按钮时,它都不起作用。关闭
$(document).ready(function() {
$("#button").click(function() {
var toAdd = $("input[name=checkListItem]").val();
$(".list").append("<div class='item'>" + toAdd + "</div>");
});
});
$(文档).ready(函数(){
$(“#按钮”)。单击(函数(){
var toAdd=$(“输入[name=checkListItem]”)。val();
$(“.list”).append(“+toAdd+”);
});
});
您的append()中没有HTML尖括号。另外,$(“按钮”)
应该是$(“#按钮”)
,因为它是ID“按钮”,而不是真正的
关闭!试试这个:
$(document).ready(function() {
$("#button").click(function() {
var toAdd = $("input[name=checkListItem]").val();
$(".list").append("<div class='item'>" + toAdd + "</div>");
});
});
$(文档).ready(函数(){
$(“#按钮”)。单击(函数(){
var toAdd=$(“输入[name=checkListItem]”)。val();
$(“.list”).append(“+toAdd+”);
});
});
您的append()中没有HTML尖括号。另外,$(“按钮”)
应该是$(“#按钮”)
,因为它是ID“按钮”,而不是真正的
关闭!试试这个:
$(document).ready(function() {
$("#button").click(function() {
var toAdd = $("input[name=checkListItem]").val();
$(".list").append("<div class='item'>" + toAdd + "</div>");
});
});
$(文档).ready(函数(){
$(“#按钮”)。单击(函数(){
var toAdd=$(“输入[name=checkListItem]”)。val();
$(“.list”).append(“+toAdd+”);
});
});
您的append()中没有HTML尖括号。另外,$(“按钮”)
应该是$(“#按钮”)
,因为它是ID“按钮”,而不是真正的
关闭!试试这个:
$(document).ready(function() {
$("#button").click(function() {
var toAdd = $("input[name=checkListItem]").val();
$(".list").append("<div class='item'>" + toAdd + "</div>");
});
});
$(文档).ready(函数(){
$(“#按钮”)。单击(函数(){
var toAdd=$(“输入[name=checkListItem]”)。val();
$(“.list”).append(“+toAdd+”);
});
});
您的append()中没有HTML尖括号。另外,$(“按钮”)
应该是$(“#按钮”)
,因为它是ID“button”,而不是真正的
应改为:
$(".list").append("<div class='item'>" + toAdd + "</div>");
$(“.list”).append(“+toAdd+”);
或
$(.list”).append($('').addClass('item').text(toAdd));
应改为:
$(".list").append("<div class='item'>" + toAdd + "</div>");
$(“.list”).append(“+toAdd+”);
或
$(.list”).append($('').addClass('item').text(toAdd));
应改为:
$(".list").append("<div class='item'>" + toAdd + "</div>");
$(“.list”).append(“+toAdd+”);
或
$(.list”).append($('').addClass('item').text(toAdd));
应改为:
$(".list").append("<div class='item'>" + toAdd + "</div>");
$(“.list”).append(“+toAdd+”);
或
$(.list”).append($('').addClass('item').text(toAdd));
当我键入内容并单击“添加”时,仍然没有发生任何事情。Codecademy说“哦,再试一次。看起来你没有在你的.list中添加新的内容。”你能为你的list div粘贴HTML吗?Codecademy为我制作了HTML,我只是在写脚本。。不管怎么说,这里是:要做要做添加!
将按钮更改为#按钮就是这样!我真傻D谢谢。但当我键入一些内容并单击“添加”时,什么也没有发生。Codecademy说“哦,再试一次。看起来你没有在你的.list中添加新的内容。”你能为你的list div粘贴HTML吗?Codecademy为我制作了HTML,我只是在写脚本。。不管怎么说,这里是:要做要做添加!
将按钮更改为#按钮就是这样!我真傻D谢谢。但当我键入一些内容并单击“添加”时,什么也没有发生。Codecademy说“哦,再试一次。看起来你没有在你的.list中添加新的内容。”你能为你的list div粘贴HTML吗?Codecademy为我制作了HTML,我只是在写脚本。。不管怎么说,这里是:要做要做添加!
将按钮更改为#按钮就是这样!我真傻D谢谢。但当我键入一些内容并单击“添加”时,什么也没有发生。Codecademy说“哦,再试一次。看起来你没有在你的.list中添加新的内容。”你能为你的list div粘贴HTML吗?Codecademy为我制作了HTML,我只是在写脚本。。不管怎么说,这里是:要做要做添加!
将按钮更改为#按钮就是这样!我真傻D谢谢你。