推到數組與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