jquery 可排序、 float 和清除

Question

所以我在这里有一个我正在尝试做的事情的快速模型 - http://antimac.meloncreative.co.uk/labs/nth.php

实时版本是使用 div 内的缩略图完成的，这些缩略图具有各种纵横比。所以宽度始终为 100px，但高度可以是任何值(或多或少)。

无论如何，正因为如此，并且使用 float ，有时它们不能很好地放入一条线上的 5 个，有些在其他下方，因此它们或多或少在他们自己的线上，这使得它看起来一团糟。

那么... 我如何在排序和更新时做到这一点，清除总是很好地使每行 5 个 div？目前我正在做的事情

$('#reorder div.x:nth-child(5n)').addClass('clear green');

...没有像我希望的那样工作

编辑: 所以我认为问题出在 (5n) 部分，因为当我在 5 和 6 之间拖动元素 1 时，在拖动过程中第一行缺少 2 个方 block ，然后当我放下它时，第一行缺少 1 个。这可能与我正在拖动的那个克隆体仍然在那里影响结果、想法有关吗？

Answer 1

我觉得还行。只需确保在 x div 重新排序后添加 class green 即可。看这个fiddle . :eq 无法识别 n，请使用 :nth-child。

$('#reorder').children('div.x:nth-child(5n + 1)').addClass('clear green');