用 JQuery 替换表格行

Question

我在替换 JQuery 中的行时遇到错误。这是我的 JQuery 代码 sn-p：

var newtr = '<td>'+data.row.createdDate+'</td>'+
                            '<td>'+data.row.emergencyOrderID+'</td>'+
                            '<td>'+data.row.firstName+' '+data.row.lastName+'</td>'+
                            '<td>('+data.row.latitude+','+data.row.longitude+')</td>'+
                            '<td>'+data.row.pickupLocation+'</td>'+
                            '<td>'+data.row.hospitalName+'</td>'+
                            '<td>'+data.row.driverName+'</td>'+
                            '<td>'+data.row.emergencyStatus+'</td>';
               //$('#tbIDOrder-'+data.row.emergencyOrderID).html('test');
               //alert('#tbIDOrder-'+data.row.emergencyOrderID);
                $('#tbIDOrder-'+data.row.emergencyOrderID).parent().replaceWith(newtr);

这是我的行：

<tr id="tbIDOrder-{{$o->EmergencyOrderID}}">
    <td>{{ $o->CreatedDate }}</td>
    <td>{{ $o->EmergencyOrderID }}</td>
    <td>{{ $o->FirstName }} {{ $o->LastName }}</td>

    <td>({{ $o->Latitude }}),  ({{ $o->Longitude }})</td>
    <td>{{ $o->PickupLocation }}</td>
    <td>{{ $o->HospitalName}}</td>
    <td>{{ $o->DriverName}}</td>
    <td>{{ $o->EmergencyStatus }}</td>
</tr>

我错过了什么吗？如果有帮助，我在 Laravel 中使用 Pusher 运行此代码 :) 感谢您抽出宝贵时间。

编辑： 我将脚本替换为：

$('#tbIDOrder-'+data.row.emergencyOrderID).html(newtr);

但是还是不行

Answer 1

由于$('#tbIDOrder-'+data.row.emergencyOrderID)指的是TR，您可以直接使用.html(htmlString)更新内容。

$('#tbIDOrder-'+data.row.emergencyOrderID).html(newtr);

这是一个例子

$('#tbIDOrder-1').html('<td>New Date</td>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr id="tbIDOrder-1">
    <td>CreatedDate</td>
  </tr>
</table>