How to iterate a table rows with JQuery and access some cell values?

Question

<table class="checkout itemsOverview">     <tr class="item">         <td>GR-10 Senderos</td>         <td><span class="value">15.00</span> €</td>         <td><input type="text" value="1" maxlength="2" class="quantity" /></td>     </tr>     <tr class="item">         <td>GR-10 Senderos<br/>GR-66 Camino de la Hermandad<br/>GR 88 Senderos del   Jarama<br/>Camino del Cid</td>         <td><span class="value">45.00</span> €</td>         <td><input type="text" class="quantity"   value="1" maxlength="2"/></td>     </tr> </table> 

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

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

It is not working. Can anyone help me?

Answer 1

$("tr.item").each(function() {   $this = $(this);   var value = $this.find("span.value").html();   var quantity = $this.find("input.quantity").val(); }); 

Answer 2

do this:

$("tr.item").each(function(i, tr) {     var value = $("span.value", tr).text();     var quantity = $("input.quantity", tr).val(); });