javascript - 将内容输出到多个 HTML div 的更好的 Javascript 实践是什么？

Question

我正在编写一个脚本，如果文件已上传，该脚本会将加载图像输出到特定的 div。该脚本有效。

我想知道是否有更好的做法？目前我只是复制相同的输出行但替换 div ID。

Javascript：

if (file) {
    reader.readAsDataURL(file);
    $('#pred1').html('<img src="' + loader + '" class="loading" />');
    $('#pred2').html('<img src="' + loader + '" class="loading" />');
    $('#pred3').html('<img src="' + loader + '" class="loading" />');
    $('#pred4').html('<img src="' + loader + '" class="loading" />');
    $('#pred5').html('<img src="' + loader + '" class="loading" />');
  } else { alert("No file selcted!"); }
}

HTML：

</div>
  <a href="#pred1">1</a>
  <a href="#pred2">2</a>
  <a href="#pred3">3</a>
  <a href="#pred4">4</a>
  <a href="#pred5">5</a>
</div>

标签： javascripthtmljquery

Answer 1

您可以尝试使用Attribute Starts With Selector [name^="value"]：

$('[id^=pred').html('<img src="' + loader + '" class="loading" />');