Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery遍历表_Javascript_Jquery_Html Table - Fatal编程技术网

Javascript 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

我有一张桌子,在那里我可以上下移动我在桌子上放了一个id的行。现在我需要保存表的新顺序。我想我需要保存行[index],但我没有使用jquery的经验。我的表是id=“rtbl”,调用函数的按钮是“sroute”。我在函数中有一个警报,但它不起作用。刚刚接触jquery,我需要做什么才能让它工作

$("#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>