JSFiddle - React, Tailwind, and code Playground

HTML

<!-- 

<span class="dealsSave">TEXTE</span> 

Comment faire fonctionner ce code avec la ligne qui se trouve au-dessus ? 

-->


<div class='sun'><div class='fon'>TEXTE</div></div>

CSS

.sunny.sun {
  background-color: red;
}

JavaScript

$(document).ready(function() {
  $('.fon').mouseup(function() {
    $(this).closest(".sun").addClass("sunny")
  });
});