JSFiddle - React, Tailwind, and code Playground

by tara5

HTML

<ul class="list">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

JavaScript

var list = $(".list");

list.on("mouseover", "li", function(e) {
		e.target.style.backgroundColor = "red";
});

list.on("mouseout", "li", function(e) {
	e.target.style.backgroundColor = "";
});