Javascript JQuery遍历表
我有一张桌子,在那里我可以上下移动我在桌子上放了一个id的行。现在我需要保存表的新顺序。我想我需要保存行[index],但我没有使用jquery的经验。我的表是id=“rtbl”,调用函数的按钮是“sroute”。我在函数中有一个警报,但它不起作用。刚刚接触jquery,我需要做什么才能让它工作Javascript JQuery遍历表,javascript,jquery,html-table,Javascript,Jquery,Html Table,我有一张桌子,在那里我可以上下移动我在桌子上放了一个id的行。现在我需要保存表的新顺序。我想我需要保存行[index],但我没有使用jquery的经验。我的表是id=“rtbl”,调用函数的按钮是“sroute”。我在函数中有一个警报,但它不起作用。刚刚接触jquery,我需要做什么才能让它工作 $("#sroute").click(function(){ alert("Hello") $("#rtbl tr").each(function() { var val
$("#sroute").click(function(){
alert("Hello")
$("#rtbl tr").each(function() {
var val1 = $(t.rows[i].cells[0]).text();
alert(val1) ;
i++;
});
});
保存订单
发票联
789
123
456
因此,目标是更新数据库字段“stopnum”,其中发票789 stopnum为1,发票123 stopnum为2,发票456 stopnum为3。数据库更新API需要的对象的粗略估计。你得调整一下
window.onload=(函数(){
document.getElementById('sroute')。onclick=(function(){
var arrayOfInvoices=$('#rtbl tr:not(:eq(0))).map(函数(i,el){return({invoice:el.id,stopnum:i+1})).get();
警报(JSON.stringify(arrayOfInvoices));
});
});代码>
保存订单
发票联
789
123
456
什么也没发生。我认为这与stopnum是一个db字段有关(在user120242的jquery中显示),您希望发生什么?您是否将此提交给API端点?您需要知道端点期望作为输入的内容。现在我希望在控制台中看到三个id。对,当您单击按钮时,它输出:[{“发票”:“789”,“stopnum”:1},{“发票”:“123”,“stopnum”:2},{“发票”:“456”,“stopnum”:3}]
。这就是你想要的对吧?我不明白。什么也没发生。所以我把警报(“这里”);在…的var数组之上。。。我没有得到警报框。
<button id="sroute">Save Order</button>
<table id='rtbl'>
<tr><th>Invoice</th></tr>
<tr id='789'><td>789</td></tr>
<tr id='123'><td>123</td></tr>
<tr id='456'><td>456</td></tr>
</table>