-1

我刚刚开始进行 Web 开发，并且已经掌握了 css 和 html 的基础知识，并且已经开始学习 jQuery。我尝试使用我新发现的技能创建一个网站，您可以在其中在文本框中输入短语并单击添加，它会将其添加到列表中。

还有其他类似的问题，但对我来说，它们似乎真的很复杂，我要做的就是将框中的文本添加到 ul。我不明白为什么我的代码不起作用，我想知道是否有人可以提供帮助。

我的 HTML：

<input type="text" name="addThis"/>
<div id="button"><a href="#">Add</a></div>

<h2>My List:</h2>
<div id="toDoList">
    <ul id="list">
        <!--This is the TODO list-->
    </ul>
</div>

我的 jQuery：

$(document).ready(function () {
    $('#button').click(function () {
        var toAdd = $('input[name=addThis]').val();
        $("<li>" + toAdd + "</li>").appendTo("#list");
    });
});
4

2 回答 2

0

只需使用附加并切换顺序。

$("#list").append("<li>" + toAdd + "</li>");
于 2013-06-13T12:17:48.043 回答
0

你的代码没有问题。

检查您是否添加了version任何jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
    $('#button').click(function () {
        var toAdd = $('input[name=addThis]').val();
        $("<li>" + toAdd + "</li>").appendTo("#list");
    });
}); 
</script>
于 2013-06-13T12:20:12.500 回答