JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"> 
		<p class="photo"> my photo </p>
		 <article class="content">
						  content contentn ...
						<div class="subcontent">
						               <a href="#" class="deletethisconent" > remove  </a>
									   subconent subcontentn .... </div> 						 
 				  	   <div class="second_subconent">  
                             second_subconent second_subconent ....
					     </div>					 
 					   <article class="third_level"> <p> text text text </p>  </article>   
				 </article><!-- End of  <article class="content"> -->			   
  </div> 

 <div class="container"> 
		<p class="photo"> my photo </p>
		 <article class="content">
						  content contentn ...
						<div class="subcontent">
						               <a href="#" class="deletethisconent" > remove  </a>
									   subconent subcontentn .... </div> 						 
 				  	   <div class="second_subconent">  
                             second_subconent second_subconent ....
					     </div>					 
 					   <article class="third_level"> <p> text text text </p>  </article>   
				 </article><!-- End of  <article class="content"> -->			   
  </div> 			

 <div class="container"> 
		<p class="photo"> my photo </p>
		 <article class="content">
						  content contentn ...
						<div class="subcontent">
						               <a href="#" class="deletethisconent" > remove  </a>
									   subconent subcontentn .... </div> 						 
 				  	   <div class="second_subconent">  
                             second_subconent second_subconent ....
					     </div>					 
 					   <article class="third_level"> <p> text text text </p>  </article>   
				 </article><!-- End of  <article class="content"> -->			   
  </div>

JavaScript

$('.deletethisconent').click(function() {
   
			// $.ajax({   ....
					  success: function(data){
					   $(this).closest('.container').hide(); 
					   $(".delete_status").html(data);
                          
 });