我有两个列表，这样我就可以添加和删除。起始列表可以包含 1 到 2,000 个变量，形式如下:
<div class="notadded" id="X"><input type="checkbox" />Varname and varlabel</div>
我想将所有选中的变量移动到下一个列表，将它们从第一个列表中删除。
鉴于我可以移动 2,000 件元素，执行此操作的最佳方法是什么。此外，在移动它们时，我不想有任何重复项并按字母顺序保留变量名(它们以这种方式加载)。
我也可以随意调整 html。
最佳答案
我不确定这对大规模性能会有多糟糕，如果您的两个列表都包含 2000 个项目但只有第一个最初可见，会发生什么情况。
编辑复选框并提交后，您只需浏览并更改样式即可显示或隐藏它们。我唯一担心的是这会有过多的 dom 元素，但 2000 已经很多了。这样做的好处是，除了添加/删除类之外，dom 操作更少，并且还有一个额外的好处，即保持两个列表中元素的顺序。
我借用了很多 David 的 fiddle ，但对其进行了调整，因此没有创建新的 dom 元素 here
希望这对您有所帮助。
关于javascript - 使用 JQuery/JS 将 div 从一个列表移动到下一个列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11570076/