Question

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

<properties>
    <drools.version>7.6.0.Final</drools.version>
    <jbpm5.version>7.6.0.Final</jbpm5.version>
  </properties>

现在，当我点击类<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>的按钮时，它会拉出一个模态，您可以在其中选择状态。从那里你点击提交并将它发送到数据库，并且支持更改div类arrivalStatusButton中表格行的状态范围。

下面是我的脚本，其中包括首先打开模态，然后提交数据，其中返回的操作应该使用成功POST中返回的内容来更改范围。不幸的是，当我使用它时，数据已成功发布，但跨度未成功更改。

unloadStatusSpan

Answer 1

https://api.jquery.com/children/说

.children（）只在DOM树中传递一个级别

然而，在你的DOM中，＆＃34; unloadStatusSpan＆＃34;比你的tr低两级（td是第一级）。

  <body>

<ul class="nav">

    <div class="logo">
        <a href="index.html">Pets</a>
    </div>

    <li><a href="index.html">Home</a></li>
    <li><a href="pets.html">Pets</a></li>
    <li><a href="rates.html">Rates</a></li>
    <li><a href="contacts.html">Contacts</a></li>

</ul>

<div class="banner>
    <img class="banner-image" src="testbanner.png">
</div>

可以简单地改为

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

AJAX Data Return＆amp;动态改变元素

1 个答案: