JSFiddle - React, Tailwind, and code Playground

HTML

<div id="item1" class="items p1 p15">Item 1</div>
<a class="price" id="p1">$1+</a>

CSS

.items { opacity: 0.4; }

JavaScript

$(".price").mouseover(function() {
  $(".items").css("opacity", 0.4); 
  id = $(this).attr('id');
  $("."+id).css("opacity", 1);
}).mouseleave(function() { 
    id = $(this).attr('id');
    $("."+id).css("opacity", 0.4);
});