簡體   English   中英

jQuery:遍歷2個特定單元格的表行

[英]JQuery: Iterating through table rows for 2 specific cells

我是JQuery的新手,過去2天我一直在研究它,但是現在我的大腦已經炸了。

這是我所擁有的:

具有一定行數的表(例如在線商店的購物車)

我不想要最后一行(因為它包含購物車總計),也不想要第一行(它們是列標題)

這是我想要的:

在文檔加載時,我要遍歷該表的每一行(第一和最后一個除外),並獲取(例如)第一列和最后一列,將這些值傳遞給Web服務,並讓Web服務將值返回給放在該行的另一列的文本框中

表結構如下:

<table id="blahzayblahgrdItems">
<tbody>
<tr>
<td>product</td>
<td>req.ship date</td>
<td>est.ship date(input textbox)</td>
<td>price</td>
<td>qty</td>
<td>subtotal</td>
</td>
</tbody>
</table>

我正在嘗試從“產品”列和“數量”列中獲取值,以傳遞給Web服務並填充EST。 發貨日期列以及從Web服務返回的內容

在代碼中,我嘗試了類似

$(function()
{
var partID;
var qty;

$("table[id*=grdItems] tbody tr").each(function() {})
)

但是,在將實際數量和產品傳遞給我的Web服務方面,我是一個空白。 我嘗試了不同的代碼變體,並拋出一個警告框以查看返回的內容,但我看到的是標題,表數據片段,完整的表數據等。任何幫助將不勝感激。

為要解析的每一行設置一個類,然后執行以下操作:

var partID = $("tr.some_class td")[4].text();
var qty = $("tr.some_class td")[5].text();

我認為將類(如info )放在第一行和最后一行(尤其是用於樣式設置)並執行以下操作會稍微容易一些。

使用jsfiddle的json回顯更新了jsfiddle的工作示例:

http://jsfiddle.net/lucuma/fNwvX/3/

// add a class to first and last tr to make formatting a little nicer as well
$('#blahzayblahgrdItems tr:first,#blahzayblahgrdItems tr:last').addClass('info');
// loop over each one except the ones with class
$('#blahzayblahgrdItems tr:not(.info)').each(function() {
    var $prod = $('td:eq(0)', this);
    var $sub = $('td:eq(5)', this);

    var result = $prod.text() + '-' + $sub.text();     // do your ajax with these values
    $.get('ajax/test.html', function(data) {
      $prod.text(data.val1);  // depends on your system
      $sub.text(data.val2);   // depends on your system
    });



});​

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM