JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="content">my main content. <a href="#" class="button">  button </a> 
    </div>
</div>
<div class="wrapper">
    <div class="content">my main content. <a href="#" class="button">  button </a> 
    </div>
</div>
<div class="wrapper">
    <div class="content">my main content. <a href="#" class="button">  button </a> 
    </div>
</div>
<div class="wrapper">
    <div class="content">my main content. <a href="#" class="button">  button </a> 
    </div>
</div>

JavaScript

$(".wrapper .button").click(function (event) {
      event.preventDefault();
      $(this).closest('.wrapper').append('<span>   This content will be added  </span>');
  });