JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th>jQuery</th>
        <th>HTML</th>
    </tr>
    <tr>
        <td class="showImg">report-40b</td>
        <td>
            <img src="http://www.developpez.net/forums/images/buttons/report-40b.png" alt="report-40b" />
        </td>
    </tr>
    <tr>
        <td class="showImg">image-inconnue</td>
        <td>
            <img src="http://www.developpez.net/forums/images/buttons/image-inconnue.png" alt="image-inconnue" />
        </td>
    </tr>
    <tr>
        <td class="showImg">multiquote-back_40b</td>
        <td>
            <img src="http://www.developpez.net/forums/images/buttons/multiquote-back_40b.png" alt="multiquote-back_40b" />
        </td>
    </tr>
</table>

CSS

.display-none {
    display:none
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    border:1px solid black
}

JavaScript

$(".showImg").each(function (i, item) {
    $(item).wrapInner('<div class="display-none" />').append('<img src="http://www.developpez.net/forums/images/buttons/' + $(item).text() + '.png" />');
});