javascript - Jquery，CSS - 如何将元素设置为列表中的第一个

Question

我动态生成一堆项目，看起来像这样：

<div class=gallery_wrapper>
<figure>...</figure>
<figure>...</figure>
<figure>...</figure>
<figure>...</figure>
......
</div>

有一个条件检查其中一个图形是否满足要求，然后将类添加到该图形（class = main_img）。

我尝试将图形向右浮动，然后将带有main_img类的图形向左浮动，但这部分有效。行中有 3 个图形元素，使用 float 方法的元素与类位于其行的开头，而不是列表的开头。

如何将此元素设置为第一个（在开头）？

Answer 1

元素是树中的节点。您需要将其重新定位到其父级的开头。

如果您的元素在 jQuery 引用的对象中$elem，那么使用 jQuery 您可以这样做：

$elem.prependTo($elem.parent())

或这个：

$elem.parent().prepend($elem)