Issue on Using jQuery each() to Load Elements of Array in DOM Elements

Question

Can you please take a look at this code and let me know how I can use the .each() to load each elements of array to the buttons?

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>

DinoMyte · Accepted Answer · 2015-11-11 19:17:08Z

1

You certainly can. You use the index of each button in the DOM and use it to iterate through the array

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

http://jsfiddle.net/d14z32fq/

answered Nov 11, 2015 at 19:17

DinoMyte

8,8781 gold badge21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kosmos · Accepted Answer · 2015-11-11 19:17:54Z

1

If the array order is the desired, use the index parameter provided by the .each() method:

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

answered Nov 11, 2015 at 19:17

kosmos

4,2881 gold badge21 silver badges38 bronze badges

Collectives™ on Stack Overflow

Issue on Using jQuery each() to Load Elements of Array in DOM Elements

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related