JSFiddle - React, Tailwind, and code Playground

by Adil Heybətov

HTML

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<h1>Not like this</h1>
<div class="hidden">-</div>
<div class="hidden">-</div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div class="hidden">-</div>
<div class="hidden">-</div>
<div class="hidden">-</div>

<!-- like this -->

JavaScript

var div = $('div');

for (var i = 0; i < div.length; i++) {
  if ($(div[i]).hasClass('hidden')) {
    $(div[i]).html('-');
  }
  else{
  $(div[i]).html(i);
  }
}