Prepend Div Collection With No ID
<p>I'm trying to prepend the first Div in a collection of Divs with the same class but no ID in an HTML document with javascript. Their parent also doesn't have an ID.  </p>

<pre><code>&lt;div class="shiftsListParent"&gt;
&lt;div class="shiftsList2"&gt;&lt;/div&gt;
&lt;div class="shiftsList2"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I'm looking to end up with a result that looks like</p>

<pre><code>&lt;div class="shiftsListParent"&gt;
&lt;div class="shiftsList2"&gt;New Div Here&lt;/div&gt;
&lt;div class="shiftsList2"&gt;&lt;/div&gt;
&lt;div class="shiftsList2"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>