JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   <div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   
   <div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   <div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   <div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>
      <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>
         <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>
         <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>
         <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>
   <div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   <div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div><div  class="category">
   <a  class="listofarticlescolor" >content</a>
   </div>
   
     <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>
     <div  class="category">
   <a  class="listofarticlescolor" >contenttwo</a>
   </div>

JavaScript

var classWillRemove = [].slice.call(document.getElementsByClassName('listofarticlescolor'));
var seen2 = {};
for(i=0;i< classWillRemove.length;i++){
    var text = classWillRemove[i].innerHTML;
    if (seen2[text]){
    classWillRemove[i].parentNode.removeChild(classWillRemove[i]);
    } else {
        seen2[text] = true;
    }
}