JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS

.box {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #777;
    margin: 5px;
}

JavaScript

$(document).ready(function() {
  var $boxes = $('.box'),
      boxesArr = $boxes.get().reverse();
    
  $(boxesArr).each(function(index, el) {
    console.log(index);
    console.log(el);
  });
});