javascript中的第n个孩子之后的移动元素

问题描述：

我试图移动类stam2的元素，所以它是在第五个孩子之后。这是我所尝试的。该项目似乎被删除。javascript中的第n个孩子之后的移动元素

$('.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>

请分享HTML也 –

尝试'$（”。STAMP2' ）.detach（）。insertAfter（'。section：nth-child（5）'）;' –

_“该物品似乎已被移除。”_ - 所以你说物品_is_已从原来的位置移除，但不是插入你想要的地方（或其他地方）？ – nnnnnn

答

删除该.remove()位，只是用after()将移动节点：

DEMO

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

第一个suggstione将'.section：nnth-child（5）'添加为文本刺探，而不是在该元素之后。 – Himmators

对不起，简短的brainfreeze :)'after（）'函数以相反的方式工作，我已经更新了答案。 – mishik

答

尝试.insertAfter()

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

答

您不需要删除它。只需使用功能后，它会做的伎俩

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

这将'.section：nnth-child（5）'添加为文本刺探，而不是在该元素之后。 – Himmators

对不起，我忘了添加$（）选择器...我将编辑它。谢谢 – fditz

答

使用分离（），而不是删除（），然后使用InsertAfter（）

javascript中的第n个孩子之后的移动元素

相关推荐