JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<div >
  <a href="box-3" class="1"> Ini href 1</a>
</div>
<br>
<br>

<div >
  <a href="box-3" class="1"> Ini href 1</a>
</div>
<br>
<br>

<div >
  <a href="box-3" class="1"> Ini href 1</a>
</div>
<br>
<br>

CSS

.btn-color {
	background-color: red;
	width: 90px;
}

JavaScript

$(".1").click(function() {
    
    $(this).parent().closest('div').hasClass("btn-color")) {
		$(this).parent().closest('div').removeClass("btn-color");
		$(this).parent().closest('div').addClass("btn-color");
	}
	else {	
		$(this).parent().closest('div').addClass("btn-color");
	}
    
    

    /*
	if($("div").hasClass("btn-color")) {
		$("div").removeClass("btn-color");
		$(this).addClass("btn-color");
	}
	else {	
		$(this).addClass("btn-color");
	}
    */
});