loop in loop creating 2d array

Question

I want to create a 2d array from divs with classes within divs with classes. This code gives me an array as far as I understood, but I can't access my objects in the array, whats wrong?

var frames;
var myElements = [];
var animatedClasses = ["text", "splash"];

for (var i = 0; i < frames.length; i++) {
    for (var j = 0; j < animatedClasses.length; j++) {
        myElements[[i], [i, [j]]] = frames[i].getElementsByClassName(animatedClasses[j]);
    }
}
myElements[0,0].style.opacity = "0.5"; // DOESN'T WORK

}

<div class="frame">
    <div class="splash"></div>
    <div class="text"></div>
</div>

<div class="frame">
    <div class="splash"></div>
    <div class="text"></div>
</div>

What is your final goal. Why are you trying to build this structure? — user2399035
– user2399035, Commented Jun 16, 2018 at 13:46
@Alf - You cant just demand answers. The language you are using is demanding. Remember we are here to help you not serve you. Please request not demand. Please see here on how to ask questions. — Kishen Nagaraju
– Kishen Nagaraju, Commented Jun 16, 2018 at 13:47
myElements[[i], [i, [j]]] I believe you can't do this in javascript. The comma operator should return the last (right) element and ignore the first one. And why is that j surrounded in []? Instead of all this, try myElements[i][j]. — clabe45
– clabe45, Commented Jun 16, 2018 at 13:48
Also, what isn't working? Feel free to post an error. We'll help you when you show more effort — clabe45
– clabe45, Commented Jun 16, 2018 at 13:50
Sorry if my language was demanding, I didn't do that on purpose. — Alf
– Alf, Commented Jun 16, 2018 at 13:59

Md Johirul Islam · Accepted Answer · 2018-06-16 13:51:26Z

1

You can try the following code

var frames = document.getElementsByClassName('frame');
var myElements = [];
var animatedClasses = ["text", "splash"];

for (var i = 0; i < frames.length; i++) {
    if(!myElements[i]) myElements[i] = Array(animatedClasses.length);
    for (var j = 0; j < animatedClasses.length; j++) {
        myElements[i][j] = frames[i].getElementsByClassName(animatedClasses[j])[0];
      }
 }
 console.log(myElements);
 myElements[0][1].style.opacity = "0.5"; // DOESN'T WORK
  myElements[0][1].style.color = "red";

<div class="frame">
    <div class="splash"> Hello</div>
    <div class="text"></div>
</div>

<div class="frame">
    <div class="splash"></div>
    <div class="text"></div>
</div>

answered Jun 16, 2018 at 13:51

Md Johirul Islam

5,1924 gold badges28 silver badges57 bronze badges

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

1 Comment

Alf Over a year ago

perfect! Thanks a lot!

Collectives™ on Stack Overflow

loop in loop creating 2d array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related