Javascript 如何使用JQuery根据条件将表移动到DIV容器的顶部？

我在一个div容器中堆叠了多个表，如下所示：-

<div id="myContent"  style="display: block;">
      <table id="myTable" cellspacing="0" cellpadding="0" >
        <tbody>
          <tr>
            <td style="padding-top: 10px;">
              <table>
                <tbody>
                  <tr>
                    <td align="left">
                      Health Care
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      20 Wisconsin Ave</td>
                  </tr>
                  <tr>
                    <td align="left">
                      641.235.5900
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      No website
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td align="right">
              <img src="images/phone.png" class="imgHeader" >
            </td>
          </tr>
        </tbody>
      </table>
      <table id="myTable" cellspacing="0" cellpadding="0">
        <tbody>
          <tr>
            <td style="padding-top: 10px;">
              <table >
                <tbody>
                  <tr>
                    <td align="left">Housing</td>
                  </tr>
                  <tr>
                    <td align="left">
                      N/A</td>
                  </tr>
                  <tr>
                    <td align="left">
                      641.255.3884
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      www.housingl.org
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td align="right">
              <img src="images/phone.png" class="imgHeader" >
            </td>
          </tr>
        </tbody>
      </table>
      <table id="myTable" cellspacing="0" cellpadding="0" >
        <tbody>
          <tr>
            <td style="padding-top: 10px;">
              <table>
                <tbody>
                  <tr>
                    <td align="left">
                      Employment</td>
                  </tr>
                  <tr>
                    <td align="left">N/A</td>
                  </tr>
                  <tr>
                    <td align="left">
                      641.743.0500
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      http://www.noexperience.org
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td align="right">
              <img src="images/phone.png" class="imgHeader" >
            </td>
          </tr>
        </tbody>
      </table>
    </div>

保健
威斯康星大道20号
641.235.5900
没有网站
住房
不适用
641.255.3884
www.housingl.org
就业
不适用
641.743.0500
http://www.noexperience.org

我试图运行一个条件，找到不适用的TD，并将这些表移到顶部。这是我上一个问题顶部的另一个问题：

我有一个启动此代码的问题。感谢您的支持

$('td').each(function(){
    if ($(this).text() === 'N/A') {
        $(this).parents('table').detach().prependTo('#myContent');
    }
});

---

请注意，您的所有表格都具有相同的

id

。您可能想更改他们的

id

s或将其切换到

class

es。感谢您的提醒-不知何故，这些表是由第三方应用程序创建的，我无法控制。因此，在加载数据后，考虑对其进行操作。完美-它就像一个符咒。谢谢这也是一个很好的答案。尼尔，我试过了，但没有足够的声誉去做。现在，我可以这么做了-对不起！完美的一行代码-简短而甜美。由于易于管理，我不得不选择此代码作为答案

$('td:contains(N/A)').closest('table').prependTo('#myContent');