1

私は最近 jQuery を学び、それを使って小さな To Do リストを作成したいと考えています。しかし、宣言した配列を HTML ドキュメントに出力できなかったため、ここで立ち往生しています。

その理由を実際に見つけることはできません。どんな助けでも大歓迎です!

コードは次のとおりです。http://jsfiddle.net/xbili/vwjp2/4/

なぜこれがうまくいかないのか、私にはよくわかりません：

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

2 に答える 2

0

あなたの最終目標が何であるかの作業バージョンのフィドルは次のとおりです。

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);
        });

});
于 2013-07-12T15:26:40.343 に答える