用JQuery替換表行

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

這是一個例子

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