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

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