JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<h1>Hello world!</h1>


<div>
    <div class='MyClass'><img src='//image.tmdb.org/t/p/w185/fw02ONlDhrYjTSZV8XO6hhU3ds3.jpg' data-img=1234></div>
    <div class='MyClass'><img src='//image.tmdb.org/t/p/w185/fw02ONlDhrYjTSZV8XO6hhU3ds3.jpg' data-img=5678></div>
</div>

<div id='res'></div>

JavaScript

var result = [];

document.querySelectorAll('.MyClass img').forEach(function(img) {
    result.push({
        src : img.src,
        data : img.dataset.img,
    });
});


document.getElementById("res").innerHTML = JSON.stringify(result);