如何更新表中显示的<td>的值

Question

目前，SNO列的类型为元素(输入类型为文本)。是否有可能和“公司”栏目有同样的外观？

我试过

  var orderid = 'order_' + incrementi;
                html += '<tr id=' + incrementi + '  company_id=' + company_id + ' style="cursor: move;">\
      <td id=' + orderid + '  style="vertical-align: middle;">' +  incrementi  + '</td>\n\
             <td style="vertical-align: middle;">' + company_name + '</td>\n\
             <td style="vertical-align: middle;">' + company_author + '</td>\n\
            </tr>'

但是，我在回调函数中面临的问题是，当拖动完成时，将调用，

$("#sort tbody").on("sortupdate", function(event, ui)
{
        $('#sort tbody tr').each(function()
        {
                var tr_id = $(this).attr('id');
                $("#order_" + tr_id).val($(this).index() + 1)
        });
});

http://jsfiddle.net/z74VH/17/

Answer 1

只需将输入元素替换为纯文本，并将id应用于SNO td。然后更改sortupdate事件，以更新td文本，而不是输入值：

function allPacsDisplayHTML()
{
        var information = response.pacs_order_of_dispaly;
        var html = '';
        for (var i = 0; i < information.length; i++)
        {
                var company_id = information[i].company_id;
                var orderdp = information[i].order_of_display;
                var company_name = information[i].company_name;
                var company_author = information[i].company_author;
                var incrementi = i + 1;
                var orderid = 'order_' + incrementi;
                html += '<tr id="' + incrementi + '"  company_id="' + company_id + '" style="cursor: move;">\
             <td style="vertical-align: middle;" id="'+orderid+'">'+incrementi+'</td>\n\
             <td style="vertical-align: middle;">' + company_name + '</td>\n\
             <td style="vertical-align: middle;">' + company_author + '</td>\n\
            </tr>'
        }
        $("#sort tbody").html(html);
}

$("#sort tbody").on("sortupdate", function(event, ui)
{
        $('#sort tbody tr').each(function()
        {
                var tr_id = $(this).attr('id');
                $("#order_" + tr_id).text($(this).index() + 1);
        });
});

检查这个更新的jsFiddle。

Answer 2

尝试这样做，您需要删除输入元素并将id应用于td元素。

更改SNO并按以下方式应用order id

<td id=" + orderid + ">' + incrementi + '</td>\n\

然后在td上的jQuery集合值中，

$('#sort tbody tr').each(function()
        {
                var tr_id = $(this).attr('id');
                $("td#order_" + tr_id).html($(this).index() + 1)
        });

小提琴：http://jsfiddle.net/z74VH/19/