Javascript 页面加载时，只有一个列表元素在前面

当用户在下一页单击（www.url.com/demo/#collapse1）-应该是第一个li元素，或者（www.url.com/demo/#collapse5）-应该是第一个li元素时，如何使该元素成为第一个li元素？当您在同一页面中时，其他元素将保留在它们的位置。www.url.com/demo

$（'li'）。单击（函数（）{
$（this.prependTo（$（this.parent（））；
});
正文{
字体系列：verdana；
字体大小：12px；
}
a{
文字装饰：无；
颜色：#000；
显示：块；
宽度：100%；
填充：8px0；
文本缩进：10px；
}
a:悬停{
文字装饰：下划线；
}
保险商实验室{
列表样式：无；
}
ulli{
背景：#eee；
边缘底部：10px；
}







我很确定您正在寻找一种在第一个元素和单击的元素之间交换的方法。这里有一种方法可以通过使用
.detach
来实现这一点。首先，我们抓取
.children
，然后通过
.eq
从列表中抓取第一个元素。从那里我们分离它（或从HTML中删除它，但将其作为变量存储）。接下来，我们将单击的元素预先添加到父元素，仅在分配
第一个
后分离该元素。基本上，交换两个元素


$（'li'）。单击（函数（）{
first=$（this.sibbines（）.eq（0.detach（））
$（this.parent（）.prepend（$（this.after）（first.detach（））；
});
if（window.location.hash！=“”）{
$（'li'）.eq（Number（window.location.hash.slice（1））-1）；
}
正文{
字体系列：verdana；
字体大小：12px；
}
a{
文字装饰：无；
颜色：#000；
显示：块；
宽度：100%；
填充：8px0；
文本缩进：10px；
}
a:悬停{
文字装饰：下划线；
}
保险商实验室{
列表样式：无；
}
ulli{
背景：#eee；
边缘底部：10px；
}







不太确定你想要实现什么，你能再解释一下吗？例如：你在facebook上看到了www.url.com/#something链接。你点击了它。该元素是页面上的最后一个元素。但他先去，因为你点击了该链接，但其他元素保留在它们的位置。所以在你的例子中，如果我点击“3”，它会去启动（顺序现在是
3-1-2-4-5
），然后如果你点击4，顺序是（
4-3-1-2-5
），但你实际上想要：
（4-1-2-3-5）
？是的，我只在页面加载时需要它，而不是用户点击带有标签的链接或类似的东西。所以如果用户转到“yoururl/#2”然后顺序是：2-1-3-4-5，对吗？然后用户点击3，url是：yoururl/#3，顺序是：3-1-2-4-5？太棒了。你能解释一下你的想法吗logic@TamilSelvanC我用解释过的逻辑更新了我的答案。但是我如何使用链接呢？对于exmaple：如果用户转到“url/#2”然后顺序是：2-1-3-4-5，然后用户单击3，url是：url/#3，顺序是：3-1-2-4-5。@Mantas更新了示例，请继续尝试。如果您可以标记为解决方案，这将非常有帮助。