jquery - 在网页上使用 jQuery 打印出数组

Question

我最近学习了 jQuery，想用它创建一个小的 To-Do 列表。但我被困在这里，因为我无法继续将声明的数组打印到 HTML 文档中。

无法真正找出原因，非常感谢任何帮助！

这是代码：http: //jsfiddle.net/xbili/vwjp2/4/

我真的不明白为什么这不起作用：

 for (var i = 1; i <= x; ++i) {
     $("main").text(toDoList[i]);
 };

Answer 1

Answer 2

这是您最终目标的工作版本：

JSFIDDLE

我通过添加光标样式来清理 css，但我保留了你的 html。

$(document).ready(function() {
    var toDoList = [];
    $(".navButtonTBD").click(function() {
        $("main").html('<input class="inputBar" type="text" placeholder="what to do?" /> <input class="toDoIt" type="submit" value="To-Do it!" />')
    });

    $(document.body).on('click', '.toDoIt', function() {

        toDoList.push($('.inputBar').val());
        var newhtml = "";
            for(var i=0;i<toDoList.length;i++) {
               newhtml += toDoList[i]+"<br>";
            };
            //Print out toDoList below
            $("main").html(newhtml);
        });

});