jQuery 插入节点

HTML代码:

<body>
    <p title="请选择喜欢的水果">水果列表 </p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="西瓜121">西瓜</li>
    </ul>
</body>

jQuery代码:

<script type="text/javascript">
        $(function () {
            var $li_1 = ("<li title='香蕉'>香蕉</li>");
            var $li_2 = ("<li title='榴莲'>榴莲</li>");
            var $li_3 = ("<li title='甜瓜'>甜瓜</li>");
            var two = $("li:eq(1)");
            //按顺序添加元素
            $("ul").append($li_1);
            //向所有匹配元素内部的开始处插入内容
            $("ul").prepend($li_2);
            //将新元素插入到旧元素的后面(橘子的后面)
            $($li_3).insertAfter(two);
        });
    </script>

猜你喜欢

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