javascript - 显示 ajax 的响应不起作用

Question

您好，我正在尝试用新的 td 替换 table->tr->td 我试过这样，但它不起作用。

<table id="job1">
  <tr><td></td></tr>
  <tr id="Jobstatus1"> 
    <td>Accept</td>
    <td>Reject</td>
  <tr> 
</table>


<table id="job2">
  <tr><td></td></tr>
  <tr id="Jobstatus2"> 
    <td>Accept</td>
    <td>Reject</td>
  <tr> 
</table>

我正在显示这样的响应:

$response['jobStatus'] = 
'<td class="textcenter" colspan="2" style="color:green;" > Accepted The Above Job </td>';

这就是我在 ajax 响应中尝试的:

if (response["success"] == true){
$("#Jobstatus"+jobId).remove();  //in here jobId will come as 1,2....
$("#Jobstatus"+jobId).append($response['jobStatus']);

Answer 1

.remove() 方法将删除元素，因此 append() 找不到它，您应该使用 .htmt('') 或 .empty() 而不是删除。

替换:

$("#Jobstatus"+jobId).remove();

作者:

$("#Jobstatus"+jobId).html('');
//Or
$("#Jobstatus"+jobId).empty();

希望这对您有所帮助。