javascript - 在 ul 中更改具有给定类的 li 元素的位置？

Question

我有一个包含多个 li 元素的 ul，其中之一将始终具有“active”类。如何让 li.active 元素始终显示在列表顶部？

我无法控制生成此列表的 html 输出，因此我必须使用 css(最好)或 javascript/jquery 来执行此操作。 我想没有办法用 css 做到这一点，但如果有某种列表中的位置属性会很棒。

非常感谢!

Answer 1

如果我们假设列表项的高度将保持不变(这是一个相当大的假设):

ul {
  position: relative;
  padding-top: 2em;
}

li {
  height: 2em;
}

li.active {
  position: absolute;
  top: 0;
  left: 0;
}