JQuery复制标签

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

原创

最新推荐文章于 2025-03-19 08:06:56 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#郭贝贝的博客编程 #JQuery复制标签 #clone克隆

本文介绍了如何利用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