How to iterate a table rows with JQuery and access some cell values?
<pre><code>&lt;table class="checkout itemsOverview"&gt;
    &lt;tr class="item"&gt;
        &lt;td&gt;GR-10 Senderos&lt;/td&gt;
        &lt;td&gt;&lt;span class="value"&gt;15.00&lt;/span&gt; €&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" value="1" maxlength="2" class="quantity" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="item"&gt;
        &lt;td&gt;GR-10 Senderos&lt;br/&gt;GR-66 Camino de la Hermandad&lt;br/&gt;GR 88 Senderos del   Jarama&lt;br/&gt;Camino del Cid&lt;/td&gt;
        &lt;td&gt;&lt;span class="value"&gt;45.00&lt;/span&gt; €&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" class="quantity"   value="1" maxlength="2"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>I was trying with the next code to get the value and quantity of each item. </p>

<pre><code>$("tr.item").each(function(i, tr) {
    var value = $(tr + " span.value").html();
    var quantity = $(tr + " input.quantity").val();
});
</code></pre>

<p>It is not working. Can anyone help me?</p>
