<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div>
<ul class="aaaa">
<li id="first">first</li>
<li id="Second">Second</li>
<li id="third">third</li>
<li id="fourth">fourth</li>
<li id="fifth">fifth</li>
</ul>
asdasdasdasdsadasdasd
<ul class="aaaa">
<li id="first">first</li>
<li id="Second">Second</li>
<li id="third">third</li>
<li id="fourth">fourth</li>
<li id="fifth">fifth</li>
</ul>
</body>
<script type="text/javascript">
$(".aaaa li").click(function(){
var size = $(this).parent().children().size();
var first = $(this).parent().children().eq(0).index();
var last = $(this).parent().children().eq((size-1)).index();
if($(this).index()==last){
$(this).before(($(this).parent().children().eq(0)-1)).prependTo($(this).parent());
}if($(this).index()!=last){
$(this).parent().children().eq((size-1)).detach().insertBefore($(this).parent().children().eq(0));
}
});
</script>
</html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div>
<ul class="aaaa">
<li id="first">first</li>
<li id="Second">Second</li>
<li id="third">third</li>
<li id="fourth">fourth</li>
<li id="fifth">fifth</li>
</ul>
asdasdasdasdsadasdasd
<ul class="aaaa">
<li id="first">first</li>
<li id="Second">Second</li>
<li id="third">third</li>
<li id="fourth">fourth</li>
<li id="fifth">fifth</li>
</ul>
<script type="text/javascript">
$(".aaaa li").click(function(){
var size = $(this).parent().children().size();
var first = $(this).parent().children().eq(0).index();
var last = $(this).parent().children().eq((size-1)).index();
if($(this).index()==last){
$(this).before(($(this).parent().children().eq(0)-1)).prependTo($(this).parent());
}if($(this).index()!=last){
$(this).parent().children().eq((size-1)).detach().insertBefore($(this).parent().children().eq(0));
}
});
</script>
</html>
No comments:
Post a Comment