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();

     $('.wrapper').append('<span>   This content will be added  </span>');
     	

	});