JSFiddle - React, Tailwind, and code Playground

HTML

<ul class='mates'>
  <li class='m' id='1'>Jakub</li>
  <li class='f' id='2'>Vinnie</li>
  <li class='m' id='3'>David</li>
</ul>

JavaScript

var mates = document.getElementsByClassName('mates')[0];
for (var i=0; i< mates.children.length; i++){
    if(mates.children[i].innerHTML == 'Vinnie') {
        //alert("Got you! ID "+mates.children[i].id);

        //parent = document.getElementsByClassName('mates');
        mateToDelete = mates.children[i];

        mates.removeChild(mateToDelete);
        break;
    }
}