JQuery复制标签

最新推荐文章于 2025-03-19 08:06:56 发布

又很可爱_521

最新推荐文章于 2025-03-19 08:06:56 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery 文章标签：郭贝贝的博客编程 JQuery复制标签 clone克隆

本文链接：https://blog.youkuaiyun.com/Guobeibei_123/article/details/80747417

本文介绍了如何利用JQuery的clone方法实现HTML标签的复制功能，通过实例展示了复制前后的效果对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

clone克隆

<script src="Scripts/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $("ul li").click(function () {
                //在ul的事件中复制li的事例到li里面
                $(this).clone().appendTo("ul");
                //在clone克隆里面添加true是指可以在原本的克隆事件中进行再次的克隆
                $(this).clone(true).appendTo("ul");
                //false是指克隆的事件只能执行一次
                $(this).clone(false).appendTo("ul");
            });
        });
    </script>
<p title="选择你喜欢的水果">你喜欢什么样的水果</p>
    <div>
        <ul>
            <li title="苹果">青苹果</li>
            <li title="香蕉">芝麻蕉</li>
            <li title="橘子">甜橘子</li>
        </ul>
    </div>

运行之前的结果： &n