重新排列硬编码表中的表行



我无法直接在表单中编辑 HTML,想移动一些东西。我创建了一个非常简化的版本。因此,例如,如果我想将带有类"注释"的行移动到具有类"匹配"的行的正下方,如何在页面加载时执行此操作?

我尝试做这样的事情:

$('tr.comments').closest('tr').after($('tr.matching').closest('tr'));

这是基本代码,感谢您的帮助!! :)

<table>
<tbody>
    <tr class="designation">
        <td>Some text</td>
    </tr>
    <tr class="comments">
        <td>More text</td>
    </tr>
</tbody>
<tbody>
    <tr class="levels">
        <td>level 1</td>
    </tr>
    <tr class="amount">
        <td>$500</td>
    </tr>
</tbody>
<tbody>
    <tr class="matching">
        <td>donor</td>
    </tr>
    <tr class="mailing">
        <td>yes</td>
    </tr>
</tbody>

试试这个$('tr.matching').after($('tr.comments'));

$('tr.matching').after($('tr.comments'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
      <tr class="designation">
          <td>Some text</td>
      </tr>
      <tr class="comments">
          <td>More text</td>
      </tr>
  </tbody>
  <tbody>
      <tr class="levels">
          <td>level 1</td>
      </tr>
      <tr class="amount">
          <td>$500</td>
      </tr>
  </tbody>
  <tbody>
      <tr class="matching">
          <td>donor</td>
      </tr>
      <tr class="mailing">
          <td>yes</td>
      </tr>
  </tbody>
</table>

$(".matching").after($(".comments"));

最新更新