代码片段 → jQuery 代码片段 → 将点击的列表项移到列表顶部 将点击的列表项移到列表顶部 Chris Coyier 于 2011 年 4 月 20 日 假设 HTML 代码如下 <ul> <li>one</li> <li>two</li> <li>three</li> </ul> 因此，如果单击“Two”，则将其移动到列表的顶部。 $("li").click(function() { $(this).parent().prepend($(this)); }); 适用于多个列表……
这个 vanilla.js 版本并不长……
oranges
pears
apples
peaches
strawberries
<
script type=”text/javascript”>
var list = document.getElementById(“fruits”).childNodes;
for (var i = 0; i < list.length; i++) {
list[i].addEventListener(“click”,
function() {
fruits.insertBefore(this, fruits.childNodes[0])
});
}