如何使用jquery更新表列

时间:2013-11-22 07:00:41

标签: javascript jquery twitter-bootstrap

在小提琴中有一个表格可以处理手机号码和信息文本。还有一个表格,其中包含信息,号码,时间和状态。所以当点击发送按钮时,表格中会插入行,默认情况下状态列将显示发送。我正在使用ajax传递数字和消息,然后调用servlet并最终调用SMS api。如果消息已发送,那么我想将状态发送更改为已发送。请告诉我该怎么做那是。fiddle

这是ajax

 $.ajax(
                {
                    type: "POST",
                    url: "messageSending", //Your full URL goes here
                    data: { toNumber: number, body: msg},
                    success: function(data, textStatus, jqXHR){
                        //alert(data);   
$('#myModal').modal({show:true})
                    },
                    error: function(jqXHR){
                        alert(jqXHR.responseStatus);
                    }
                });

我应该在ajax的成功部分写什么,以便发送状态将更改为已发送

3 个答案:

答案 0 :(得分:2)

$("#mytable1")//go to table
.find("td:contains("+number+")")// find td which conatin text like number
.closest("tr")// then go its respective **tr**
.find("td:last")// then go to last column
.text("sent");//then change text sending to sent

参考 :contains() closest()

答案 1 :(得分:1)

你应该添加一个独特的&动态id到每一行而不是相同的id,一旦你收到sms的“发送”响应消息,你可以简单地应用jQuery,如下所示

jQuery('#'+DynamicID).find('td:last-child').text('Sent');

您必须使用SMS响应标识每一行,以便更改受尊重的SMS消息的状态。

答案 2 :(得分:0)

试试这个..

$('#mytable1 tr'). children('td:last').text('sucess')