![](/img/trans.png)
[英]Iterating through table rows (tr) and selecting rows without a specific class in JQuery
[英]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.