Javascript AJAX数据返回&动态改变元素

我的页面上有下表，有多行，但为了保持简短，我将其配对为一行

<tr id="668">
  <td class="tableCheckBox"><div class="icheckbox_flat-blue" style="position: relative;"><input class="sendCheckbox" name="send[]" value="668" form="sendBillsForm" style="position: absolute; opacity: 0;" type="checkbox"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div></td>
  <td class="manifestNo">0882129</td>
  <td class="DriverName">Thomas Bryant<br><button type="button" class="btn btn-default arrivalDetailsButton" data-button="668">Signature</button></td>
  <td class="truckMake">54792</td>
  <td class="truckColor">Red</td>
  <td style="text-align: center" class="arrivedStatus"><div style="font-size:16px; font-weight: bold">6:32 AM</div>March 7, 2018<br>
    <div class="unloadStatusSpan">
      <span class="label bg-red">IN QUEUE</span>
    </div>
  </td>
  <td><div class="btn-group-vertical">
    <button type="button" class="btn btn-warning arrivalNotifyButton" data-button="668"><i class="fa fa-envelope"></i> Notify</button>
    <button type="button" class="btn btn-success arrivalStatusButton" data-button="668"><i class="fa fa-tasks"></i> Status</button>
  </div></td>
</tr>

说

.儿童仅沿DOM树向下移动一层

但是，在DOM中，unloadStatusSpan比tr低两级，td是第一级

var $statusSpan = $document.find("tr[id='"+$arrivalID+"']").children('.unloadStatusSpan');

可以简单地更改为

var $statusSpan = $("#"+$arrivalID+" .unloadStatusSpan");

---

你们做过调试吗？成功返回的数据参数是什么？非常感谢你们的帮助！你的回答非常有效！

var $statusSpan = $("#"+$arrivalID+" .unloadStatusSpan");