JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-3 col-sm-4"><a href="#" id="icon-24"><i class="icon-24"></i>icon-24</a></div>
<div class="col-md-3 col-sm-4"><a href="#" id="icon-25"><i class="icon-25"></i>icon-25</a></div>
<div class="col-md-3 col-sm-4"><a href="#" id="icon-26"><i class="icon-26"></i>icon-26</a></div>

CSS

.selected {
  background-color: red;
  color: white;
}

JavaScript

$(function() {
  $('a').click(function(e) {
    e.preventDefault();
    $(this).addClass('selected');
    $(this).parent().siblings().find('a').removeClass('selected');
  })
})