JSFiddle - React, Tailwind, and code Playground

by Daniel Redwood

HTML

<div class="cont">
    <div class="box"><img src="#" /></div>
    <div class="box"><img src="#" /></div>
    <div class="box"><a href="#"><img src="#" /></a></div>
</div>

<button>unwrap</button>

CSS

.cont {
    overflow:hidden;
}
.box {
    width:100px;
    height:100px;
    margin:8px;
    float:left;
    background:blue;
}
button {
    width:80px;
    margin:0 auto;
    display:block;
}

JavaScript

$('button').click(function(){
    $('.box img').unwrap('<a>');
});