JSFiddle - React, Tailwind, and code Playground

by Andrew Plus

HTML

<div class="item"><a href=""><img src="" class="group1"></a></div>
<div class="item"><a href=""><img src="" class="group1"></a></div>
<div class="item"><a href=""><img src="" class="group2"></a></div>
<div class="item"><a href=""><img src="" class="group2"></a></div>
<div class="item"><a href=""><img src="" class="group3"></a></div>
<div class="item"><a href=""><img src="" class="group3"></a></div>
<div class="item"><a href=""><img src="" class="group3"></a></div>

JavaScript

$(".item img").each(function(){
    var className = $(this).attr('class');
    if(!$(this).closest(".item").parent().hasClass(className)){
        $($(".item img." + className)).closest(".item").wrapAll('<div class="' + className +'"></div>');
    }
});