JQuery：迭代遍歷2個特定單元格的錶行

我是一個完全的JQuery新手，過去兩天我一直在研究這個，但現在我的大腦被炸了。JQuery：迭代遍歷2個特定單元格的錶行

以下是我有：

具有一定行（就像一個在線商店的購物車）

我不希望最後一行（因爲它包含車合計）的表，我不想第一行（這是列標題）

下面是我想：

在文檔加載，我想通過該表的每一行（除了第一個和最後一個），並搶（例如）第一列和最後一列，通過這些值到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服務。我嘗試過不同的代碼變體，然後拋出一個警告框來查看返回的內容，但是我看到的是標題，表格數據，全表數據等等。任何幫助都將非常感謝。

來源

2012-05-22 kmauzoul

是您的表中缺少了TR的？ – lucuma

哎呀，tr。's不會丟失，我只是忘了把它們放在頂端...編輯 – kmauzoul

我已經添加了一個jsfiddle示例，它使用了實際的json調用。不要忘記通過點擊答案旁邊的複選標記來標記最能回答您問題的答案。太多新用戶不知道他們應該這樣做。 – lucuma

我認爲這將是一個比較容易把一個類（如info）上的第一行和最後一行（尤其是造型）並執行以下操作。

更新的jsfiddle使用的jsfiddle的JSON回聲工作示例：

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 
    }); 



});

來源

2012-05-22 22:31:14 lucuma

下面是一個更新的示例，它更好地顯示了將數據更改爲不同的值：http://jsfiddle.net/lucuma/fNwvX/5/ – lucuma

我將嘗試您的解決方案，一旦我找出如何讓課程進入 ...它目前在ASP數據網格視圖 – kmauzoul

關閉我的頭頂我不記得如何在數據網格中做到這一點，但它很容易在jQuery中做..我正在更新我的答案給你。 – lucuma

設置一類要分析，做每一行這樣的：

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

來源

2012-05-22 22:23:20 PitaJ

JQuery：迭代遍歷2個特定單元格的錶行

回答

相關問題