写jquery数组元素

时间:2016-03-10 23:54:46

标签: jquery arrays

首先,我从输入中向数组添加一个值。后来我想写所有数组元素。 İt存储所有数组元素。但它只写了最后一个元素。我该怎么办?

  <!DOCTYPE html>
  <html>
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  </head>
  <body>
    <table>
        <tr>
            <td>Enter Number:</td>
            <td><input type="text" id="data" name="data"></td>
        </tr>
        <tr>
            <td>
                <div id="result"></div>
            </td>
            <td>
                <div id="result2"></div>
            </td>
        </tr>
        <tr>   
            <td><input type="button" value="Add" onclick="adddata();"></td>
            <td><input type="button" value="Write" onclick="myFunction();">    </td>
        </tr>         
    </table>
<script>
    var arr=[];
    function adddata(){
        var data=$("#data").val().split(' ');
            $("#data").val("");
            arr.push(data);                 
    }
        function myFunction() {
            for (var i=0; i<arr.length; i++)
            {
              $("#result2").html("Indeks no: " + i + " = " + arr[i]);
            }
}
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

.html()更改为.append(),因为.html()将一遍又一遍地替换其中的前一个文本,直到循环结束,结果,您将最终得到最后一个元素写在上面的数组。

$("#result2").append("Indeks no: " + i + " = " + arr[i]);