JSFiddle - React, Tailwind, and code Playground

HTML

<div class="result">
  <div class="item">
    <div id="item1">
      <i class="icon"></i>&nbsp;##
    </div>
  </div>
<div>

CSS

.result {
    height: 72px;
    width: 100%;
    border: 1px solid #000;
  }
  .result_hover {
    background-color: #000;
  }

JavaScript

$(".result").hover(
  function () {
    $(this).addClass("result_hover");
  },
  function () {
    $(this).removeClass("result_hover");
  }
);