How to collect html objects by the number of array elements?

Question

JavaScript

There is an array of url-locs. It is necessary to collect img tags by the number of urls in the array. The img tag must contain the "tableBanner1" class.

Here's an array for example:

var masive_picture  =    ["https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Proton-K-Zarya.jpg/800px-Proton-K-Zarya.jpg", "https://upload.wikimedia.org/wikipedia/ru/3/31/Winniethepooh.jpg" ]

<img class="tableBanner1"  src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Proton-K-Zarya.jpg/800px-Proton-K-Zarya.jpg" />
<img class="tableBanner1"  src="https://upload.wikimedia.org/wikipedia/ru/3/31/Winniethepooh.jpg" />

Знаю что нужно пройтись по массиву цыклом но не знаю как это должно выглядить синтаксически. Подскажите кто знает как это сделать ..

Answer 1

jquerybook.ru/api/jQuery.each()-fn58.html

jQuery.each(masive_picture, function(i, val) {
      $("div").append('<img class="tableBanner1"  src="'+val+'" '/>
);
     });

Well, something like this