jQuery 移动节点

<script src="Scripts/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(function () {
            var $li_1 = $("li:eq(1)");
            var $li_2 = $("li:eq(2)");
            //将元素1插入到元素2的前面(把西瓜放到橘子的前面)
            $($li_2).insertBefore($li_1);
            //将元素1插入到元素2的后面(把西瓜放到橘子的前面)
            //$($li_1).insertAfter($li_2);
        });
    </script>
</head>
<body>
    <p title="请选择喜欢的水果">水果列表 </p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="西瓜121">西瓜</li>
    </ul>
</body>


猜你喜欢

转载自blog.csdn.net/mogul1/article/details/80963030