将<li>索引值替换为 JQuery？

Question

我正在开发一个涉及使用无序列表的交互式网页。我想要的是，每当用户单击该列表中的元素时，无论是第一个子元素还是第十个元素，该元素都会成为第一个子元素。
我已经找到了几种方法来查找正在单击的<li>的索引值，但是我无法找到替换该元素的索引值的方法。
这似乎是一个以前应该问的问题，但我梳理了一堆图像和元素幻灯片，他们所做的只是滚动或淡入或淡出灯箱的内容，这甚至与我所追求的并不接近。
任何想法将不胜感激。

Answer 1

prepend将

元素作为第一个子元素移动到选择器

http://api.jquery.com/prepend/

所以你可以做：

$('li').click(function() {
   $(this).parent().prepend($(this));
});

http://jsfiddle.net/3hLk7/

Answer 2

看看jQuery的prependTo。

http://jsfiddle.net/9CFm9/

$('li').click( function() {
     $(this).prependTo($(this).parent());
});