点击第二个，删除第一个，追加到后面

mahua 这里用到的知识

匹配选择器eq()
clone()，以前没用过
live()，通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素），如果不用live，第二次将不能在点击了。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>点击第二个，追加到后面</title>
    <style>
        #box div{ background:#4f8a00; margin:10px 0; border:2px solid #000;}
    </style>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script>
        $(function(){
            $("#box div:eq(1)").live("click",function(){
                alert("ddd");
                $("#box div:eq(2)").after($("#box div:eq(0)").clone());
                $("#box div:eq(0)").remove();
            })

        })
    </script>
</head>

<body>
<div id="box">
    <div id="1">1</div>
    <div id="2">2</div>
    <div id="3">3</div>
</div>
</body>
</html>

点击第二个，删除第一个，追加到后面

评论