JSFiddle - React, Tailwind, and code Playground

HTML

<!-- These images will be downloadable -->
<h1>Downloadable</h1>
<img src="http://placehold.it/100x100" class="downloadable"/>
<img src="http://placehold.it/110x110" class="downloadable"/>
<img src="http://placehold.it/120x120" class="downloadable"/>
<!-- This image won't be downloadable -->
<h1>Not Downloadable</h1>
<img src="http://placehold.it/130x130"/>

CSS

a { display:block; }
a > img { border: 1px solid blue; }

JavaScript

$(document).ready(function(){
    $('img.downloadable').each(function(){
        var $this = $(this);
        $this.wrap('<a href="' + $this.attr('src') + '" download />')
    });
});