JSFiddle - React, Tailwind, and code Playground

by der_robert

HTML

<div class="hover"><img src="http://placehold.it/350x150" /></div>
<p class="text">lalala</p>

<div class="hover"><img src="http://placehold.it/350x150" /></div>
<p class="text">lalala</p>

<div class="hover"><img src="http://placehold.it/350x150" /></div>
<p class="text">lalala</p>

<div class="hover"><img src="http://placehold.it/350x150" /></div>
<p class="text">lalala</p>

JavaScript

$('.hover').on("mouseover",function() {
  $(this).next('.text').css("color","red");
});

$('.hover').on("mouseout",function() {
  $(this).next('.text').css("color","#000");
});