關於使用jQuery each（）在DOM元素中加載數組元素的問題

Question

您可以看看這段代碼，並讓我知道如何使用.each()將數組的每個元素加載到button？

var arr=["Left","Middle", "Right" ]; 
 
$("button").each(function(){ 
 
     $(this).html(arr); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="btn-group" role="group" aria-label="..."> 
 
    <button type="button" class="btn btn-default">x</button> 
 
    <button type="button" class="btn btn-default">x</button> 
 
    <button type="button" class="btn btn-default">x</button> 
 
</div>

Answer 1

你當然可以。您使用的每個按鈕的index在DOM並使用它通過陣列

var arr=["Left","Middle", "Right" ]; 
$("button").each(function(i){ 
     $(this).html(arr[i]); 
    }); 

http://jsfiddle.net/d14z32fq/

Answer 2

如果陣列順序期望的迭代，使用由.each()方法提供的index參數：

var arr = ["Left","Middle", "Right"]; 
$("button").each(function(i){ 
    $(this).html(arr[i]); 
});