Question

我在更换JQuery中的行时遇到错误。这是我的JQuery的代码片段：

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);

这是一个例子

＆＃13;

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

＆＃13;

<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>

＆＃13;

用JQuery替换表行

1 个答案: