jQuery的每个填充元素逐渐从数组

Question

您好，我想用array的值逐步填充元素。 你能帮我吗？

<span class="gt"></span>
<span class="gt"></span>
<span class="gt"></span>

var array=["apple","banana","cucumber"];

$("span.gt").each(function(){
    $(this).text(array[?]);
});

输出应如下所示：

<span class="gt">apple</span>
<span class="gt">banana</span>
<span class="gt">cucumber</span>

Answer 1

您可以在函数中获得each循环的index值。 并且由于span元素的数量等于array变量中的项目数，因此您可以使用该index值来设置span元素中的数组值：

 var array=["apple","banana","cucumber"]; $("span.gt").each(function(index){ $(this).text(array[index]); }); 

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

Answer 2

1. 您可以使用for循环。
2. 使用增量数作为范围的索引和数组的索引

 var array = ["apple", "banana", "cucumber"]; for (var i = 0; i < array.length; i++) { $('span').eq(i).text(array[i]); } 

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