Question

我无法直接在表单中编辑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>

Answer 1

尝试使用此$('tr.matching').after($('tr.comments'));。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

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

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

2 个答案: