JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<div id = "parent_id">
     <div id = "id_1">
        <div id = "id_1-1">1</div>
        <div id = "id_1-1">2</div> // I want to delete this
        <div id = "id_1-1">3</div> // I want to delete this
        <div id = "id_1-2"> </div>
        <div id = "id_1-2"> </div> // I want to delete this
        <div id = "id_1-2"> </div> // I want to delete this
     </div>
     <div id = "id_2">
        <div id = "id_2-1"> </div>
        <div id = "id_2-1"> </div> // I want to delete this
        <div id = "id_2-1"> </div> // I want to delete this
        <div id = "id_2-2"> </div>
        <div id = "id_2-2"> </div> // I want to delete this
        <div id = "id_2-2"> </div> // I want to delete this
     </div>
     <div id = "id_3">
        <div id = "id_3-1"> </div>
        <div id = "id_3-1"> </div> // I want to delete this
        <div id = "id_3-1"> </div> // I want to delete this
        <div id = "id_3-2"> </div>
        <div id = "id_3-2"> </div> // I want to delete this
        <div id = "id_3-2"> </div> // I want to delete this
     </div>
</div>

JavaScript

$('#parent_id').children('div').each(function(i, div) {
	var $first = $(div).children('div').first();
  var $next = $first.next('div');
  while($next.length > 0){
  	if ($next.attr('id') === $first.attr('id'))
    	$next.remove();
    else $first = $next;
    $next = $first.next('div');
  }
});