javascript - 动态选择要分离的特定子 div

Question

我有一个按钮，每次单击它时，我都希望能够在 div 包装器内使用“已选择”类将 div 分离。

<div class="wrapper" style="height:122px; width:765px;">
    <div class="smallImage"></div>
    <div class="smallImage"></div>
    <div class="smallImage selected"></div>
    <div class="smallImage"></div>
    <div class="smallImage"></div>
</div>

$('.wrapper').children('.smallImage')[0].detach();

我已经尝试过 children() 和 :nth-child(1) 的其他变体，但没有成功。

基本上，只要我可以选择要分离的 div 的位置，我就会成为一个快乐的编码员，因为如果有意义的话，我需要将 div 分离到后面 2 个以上的位置。

谢谢

Answer 1

看起来像：

$(".wrapper").children('.smallImage.selected').next().detach();

...是你想要的。这将.detach在 div 之后立即调用.smallImage.selecteddiv。

如果您有要选择的特定数字，可以使用：

.children('.smallImage:not(.selected)').eq(number);