'Most efficient way of showing or calling repeat/duplicate HTML?

I have five div elements containing the same six images. Only one div is shown at a time (others are display:none) but all are on the same page. Basic example:

<div class="one">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
</div>
<div class="one">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
    <img src="hello.png" class="wave">
</div>

Is there a more efficient way of showing these duplicate sets? Perhaps an array or innerHTML.

javascripthtmljqueryarrays


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions