使用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