jquery点击对应列表项移动到列表最顶端的方法
1、单个列表
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
$(".list li").click(function() {
$(this).parent().prepend($(this));
});
2、关联对应列表
<ul class="list1">
<li data-id="1">one</li>
<li data-id="2">two</li>
<li data-id="3">three</li>
</ul>
<ul class="list2">
<li data-id="1">星期一</li>
<li data-id="2">星期二</li>
<li data-id="3">星期三</li>
$(".list1 li").click(function() {
var id=$(this).attr("data-id");
$(".list2 li").each(function(){
var $this=$(this);
if($this.attr("data-id") == id){
$this.parent().prepend($this);
}
})
});
效果: