javascript - 在循环中使用 Text() 的问题

Question

您能否看一下这个演示，并告诉我为什么我只得到 .result 中的最后一项

for (i = 0; i < 5; i++) {
   $('.result').text('Hello' + [i]);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="result"></div>

Answer 1

您可以将源代码附加到新元素中。

for (i = 0; i < 5; i++) {
   $('.result').append( $('<p>').text('<p>' + 'Hello' + [i] + '</p>') );
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="result"></div>