title: How to iterate a table rows with JQuery and access some cell values?
body: <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>