JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<button>
  add class to 5 items
</button>
</button>

CSS

.classname {
  color: red;
}

JavaScript

$('div').each(function(ix) {
  $(this).html('div index of ' + ix);
})

$('button').click(function() {
  $('div:not(.classname)').each(function(ix) {
    if (ix < 5) {
      $(this).addClass('classname')
    }
  })
})