Count length of an array and create the same amount of HTML elements with JS/jQuery
<p>Is it possible to query the length of an array and then use JS/jQuery to create the same amount of new HTML elements client side?</p>

<p>The code I have for the array is:</p>

<pre><code>var psC1 = [
'item1',
'item2',
'item3'
];

alert(psC1.length);
</code></pre>

<p>Which will alert that there's 3 items in the array. I now want to create three iframes on the page, and index the array into the src attribute of each element. </p>

<p>The code I'd use to insert the src of the iframes using the array would be:</p>

<pre><code>  $('.test-iframe').each(function() {
    $(this).attr('src', psC1[$(this).index()]); 
   });
</code></pre>

<p>What I'm struggling with is after counting the array, is creating three iframes with JS/jQuery.</p>
