Добавить html контент после первой на странице картинки

[denka977]

Здравствуйте.
На странице есть несколько картинок с идентичными классами (class="fr-dib").
Нужно после первой такой картинки через js сделать добавление html контента.

Вот, для примера, ранее тут на форуме решали также мою задачку, там требовалось аналогично добавить контент на странице после тега

<a name="cut"></a>

Само решение же было таким:

<script>
window.onload = function(){
var a = document.getElementsByName('cut')[0];
a.appendChild(script);
a.innerHTML = 'Контент';
}
</script>

[Nexus]

window.addEventListener('load', function() {
    var node = document.querySelector('[name="cut"]'),
        content = document.createElement('div');
    
    content.innerHTML = 'Контент';

    node.parentNode.insertBefore(content, node);
});

[denka977]

Решил задачку своими силами, попутно изучая примеры из интернета:

<script>
$('<div class="nash-class">любая инфа</div>').insertAfter("img.fr-dib:first");
</script>