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>
我正在尝试从"产品"列和"数量"列中获取值以传递给网络服务并填充 EST。 "发货日期"列包含从 Web 服务返回的内容
在代码中,我尝试了类似的东西
$(function()
{
var partID;
var qty;
$("table[id*=grdItems] tbody tr").each(function() {})
)
但是,我在获取要传递给我的网络服务的实际数量和产品方面处于空白状态。 我已经尝试了不同的代码变体并抛出一个警报框以查看返回的内容,但我看到了标题、表数据片段、完整表数据等。 任何帮助将不胜感激。
我认为将
类(如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
});
});
为要解析的每一行设置一个类并执行以下操作:
var partID = $("tr.some_class td")[4].text();
var qty = $("tr.some_class td")[5].text();
相关文章:
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 区分电子表格中的空单元格和0值
- 如何将jQuery/AAJAX结果放入表格单元格
- 在谷歌电子表格中循环单元格
- 使用下拉选择菜单高亮显示一行表格单元格
- 如何通过悬停或点击谷歌电子表格中的单元格来运行自定义功能
- 使用javascript下拉菜单更改表格单元格的颜色
- 表格单元格高度与背景高度匹配
- 在表格单元格中查找超链接
- 谷歌应用程序脚本-onFormSubmit-复制到电子表格中的单元格
- 为什么谷歌应用程序的电子表格setValue函数没有在单元格中设置值
- 数据表 ..如何根据表格的单元格值更改单元格的颜色
- 如何使用单击属性和工具提示动态创建表格单元格,该工具提示将超链接到页面
- 在 DIV 中定位表格单元格
- 单击时将表格单元格从范围更改为输入
- 使用 javascript 为 HTML 表格单元格指定颜色
- 将单击表格单元格重定向到其中的
- JQuery insertAfter();移动下一个表格单元格
- 将工作表复制到新的电子表格,将单元格值添加到新电子表格名称的末尾
- 单击并用CTRL+C复制值时高亮显示html表格单元格