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

Question

我有一个按钮，每次单击它时，我都希望能够将 div 后面的 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();

...就是你想要的。这将在紧随 .smallImage.selected div 的 div 上调用 .detach。

如果您想要选择特定号码，您可以使用:

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