jquery 每个从数组中逐渐填充元素答案

【问题标题】：jquery each fill elements gradually from arrayjquery 每个从数组中逐渐填充元素
【发布时间】：2018-08-23 23:37:39
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery arrays each elements

【解决方案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>

【讨论】：

【解决方案2】：

您可以使用 for 循环。
使用增量号作为span的索引和数组的索引

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>

【讨论】：