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>