在javascript中移动n：th之后的元素

Question

我正在尝试使用类stamp2移动元素，因此它位于第五个子元素之后。这就是我的尝试。该项似乎已删除。

$('.stamp2').remove().after('.section:nth-child(5)');

HTML：

<section class="photo small stamp stamp1">..</section>
<section class="photo small stamp stamp2">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>
<section class="photo small">..</section>

Answer 1

删除.remove()位，只需使用after()它将移动节点：

DEMO

$('section:nth-child(5)').after($('.stamp2'))

Answer 2

尝试.insertAfter()

$('.stamp2').detach().insertAfter('.section:nth-child(5)')

Answer 3

您无需将其删除。只需使用after函数就可以了。

$('.stamp2').after($('.section:nth-child(5)'));

Answer 4

使用Detach（）代替Remove（），然后使用InsertAfter（）