Изменение нескольких фреймов с одинаковым именем класса

Question

Я, вероятно, не сделал это правильно для начала, но у меня есть #each l oop в Svelte, создающий фреймы и устанавливающий sr c как {vid}.

Затем я также перезагружаю их: имея такое же имя класса? В настоящее время перезагружается только первый.

{#each vids as vid}
  <div class="col-md service">
     <iframe class="youtubebox" width="300" height="225"
     src="https://www.youtube.com/embed/{vid}">
     </iframe>> 
   </div>
{/each}

Answer 1

Вы можете использовать document.querySelectorAll() для этой цели, например:

document.querySelectorAll('.youtubebox').forEach(function(iframe) {
    iframe.contentWindow.location.reload();
});