Javascript 论特定类对li的准备地位

我用滚轮鼠标在li菜单中导航这个页面。我的问题是：我想选择的班级在左边的第一个位置

我如何使用jquery代码在这个位置选择类来创建特定的li

$（文档）.ready（函数（）{
变量滚动大小=0；
$（“li”）。每个功能（索引）{
滚动_size+=parseInt（$（this）.css（“宽度”）；
});
$（“菜单”）.css（“宽度”，滚动大小）；
滚动大小=滚动大小-parseInt（$（'#容器'）.css（“宽度”）；
$（“#菜单”）.bind（'mouseweel'，函数（e）{
$（“#before”）.text（“滚动前的#菜单左侧：”+parseInt（$（this.css）（“左”））；
如果（e.originalEvent.wheelDelta>0）{
if（parseInt（$（this）.css（“左”）=-滚动大小）{
$（this.css（“左”，“-=50”）；
}
}
});
});
#l，
#r{
浮动：左；
字号：80px；
}
#容器{
浮动：左；
边框：1px纯绿色；
宽度：500px；
填充：2px；
溢出：隐藏；
位置：相对位置；
}
#菜单{
边框：1px纯蓝色；
填充：2px；
位置：相对位置；
}
保险商实验室{
列表样式类型：无；
空白：nowrap；
溢出x：可见；
保证金：0；
填充：0；
}
李{
边框：1px纯红；
显示：内联块；
字号：80px；
}
.选定{
背景：#0095ff；
}


嗨
此处文本
像这样的
始终
谢谢
再见

在
$（“#menu ul li.selected”）.prependTo（“#menu ul”）


$（文档）.ready（函数（）{
$（“#menu ul li.selected”）.prependTo（“#menu ul”）；
变量滚动大小=0；
$（“li”）。每个功能（索引）{
滚动_size+=parseInt（$（this）.css（“宽度”）；
});
$（“菜单”）.css（“宽度”，滚动大小）；
滚动大小=滚动大小-parseInt（$（'#容器'）.css（“宽度”）；
$（“#菜单”）.bind（'mouseweel'，函数（e）{
$（“#before”）.text（“滚动前的#菜单左侧：”+parseInt（$（this.css）（“左”））；
如果（e.originalEvent.wheelDelta>0）{
if（parseInt（$（this）.css（“左”）=-滚动大小）{
$（this.css（“左”，“-=50”）；
}
}
});
});
#l，
#r{
浮动：左；
字号：80px；
}
#容器{
浮动：左；
边框：1px纯绿色；
宽度：500px；
填充：2px；
溢出：隐藏；
位置：相对位置；
}
#菜单{
边框：1px纯蓝色；
填充：2px；
位置：相对位置；
}
保险商实验室{
列表样式类型：无；
空白：nowrap；
溢出x：可见；
保证金：0；
填充：0；
}
李{
边框：1px纯红；
显示：内联块；
字号：80px；
}
.选定{
背景：#0095ff；
}


嗨
此处文本
像这样的
始终
谢谢
再见

我找到了答案
我们必须补充一点：

var  pos = $("li.selected").position();
$("#menu").css("left", pos);

谢谢你的回答。但是我想保持
的相同顺序。您的代码使所选案例的li首先我想要的是以下顺序：
嗨
这里的文本
类似的内容
始终
谢谢