使用JS和jQuery推送到數組

Question

你能告訴我如何將文本字段中的文本添加到數組中，以便它顯示在文本字段的頂部嗎？ 謝謝

<div id="test">
    <p id="items"></p>
    <input type="text" id="color" />
    <input type="button" id="add" value="Add" />
</div>
<script>
    var theArray = new Array("Red", "Green", "Blue");
    var target = $("#items");
    for (var i = 0; i < theArray.length; i++) {
        target.append("<p>" + theArray[i] + "</p>");
    }
    $("#add").click(function () {});
</script>

Answer 1

采用

$("#add").click(function () {
    var color = $("#color").val()
    theArray.push(color);
    target.prepend("<p>" + color + "</p>");
});

DEMO