Làm thế nào để lặp lại một hàng bảng với JQuery và truy cập một số giá trị ô?

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> 

Tôi đã thử với mã tiếp theo để nhận được giá trị và số lượng của mỗi mục.

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

Nó không hoạt động. Ai giúp tôi với?

Answer 1

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

Answer 2

làm điều này:

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

Answer 3

thử này

var value = iterate('tr.item span.value'); 
var quantity = iterate('tr.item span.quantity'); 

function iterate(selector) 
{ 
    var result = ''; 
    if ($(selector)) 
    { 
    $(selector).each(function() 
    { 
     if (result == '') 
     { 
     result = $(this).html(); 
     } 
     else 
     { 
     result = result + "," + $(this).html(); 
     } 
    }); 
    } 
}