JSFiddle - React, Tailwind, and code Playground

HTML

<div  id="box1">content 1</div>
<div  id="box2">content 2</div>
<div  id="box3">content 3</div>
<div  id="box4">content 4</div>
<div  id="box5">content 5</div>

<a class="light" id="1">link 1</a>
<a class="light" id="2">link 2</a>
<a class="light" id="3">link 3</a>
<a class="light" id="4">link 4</a>
<a class="light" id="5">link 5</a>

JavaScript

$(".light").on("click", function(){ 
    var id = $(this).attr('id');
    $('div[id^="box"]').css({'background':'none'})
    $("#box"+id).css({'background':'red'});
});