用JQuery替换<li>索引值？</li>

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());
});