javascript - jquery从数组中逐渐填充每个元素

Question

你好，我想用数组的值逐渐填充 span 元素。你能帮帮我吗？

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