JSFiddle - React, Tailwind, and code Playground

by Thoriq Firdaus

HTML

<ul>
     <li><a href="#">Link 1</a>
       <div class="content"></div>
     </li>
     <li><a href="#">Link 2</a>
       <div class="content"></div>
     </li>
     <li><a href="#">Link 3</a>
       <div class="content"></div>
     </li>
     <li><a href="#">Link 4</a>
       <div class="content"></div>
     </li>
     <li><a href="#">Link 5</a>
       <div class="content"></div>
     </li>
  </ul>

CSS

div {
    width: 100px;
    height: 25px;
  }

JavaScript

$('a').on('click', function(){
    $(this).parent().find('.content').text('Load');
});