edit span using jquery
<p>I have a div that has multiple children divs. inside of the children divs consist of a table. In that table are two span tables that i need edited using jquery. maybe a each selector or something.</p>

<pre><code>      &lt;div class="slides"&gt;
    &lt;div class="Slide1&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;span class="span1"&gt;&lt;/span&gt;&lt;span id="span2"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
    &lt;div class="Slide2&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;span class="span1"&gt;&lt;/span&gt;&lt;span id="span2"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Each div I want to go in and edit span1 and span2. span 1 with the iteration number and span2 with the size of slides total. Thank you for any help.</p>
