程序员开发实例大全宝库

网站首页 > 编程文章 正文

jQuery复制元素节点的方法【405】

zazugpt 2024-08-17 01:57:08 编程文章 34 ℃ 0 评论
  • 元素节点的复制主要是用clone()。

一、我们先做一个列表,并且添加好外链jQuery库。

二、做列表项的点击事件,事件内是空的。

三、我们检验一下点击效果。

四、现在我们换成复制元素节点,用的是clone()。

五、于是你发现元素节点可以复制了,但复制出来的节点点击没有效果。

  • 在clone()里个true,就是复制的时候,把事件等一起复制,这样子复制出来的项也就可以点击了。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
 <p>水果</p>
 <ul>
 <li>哈密瓜</li>
 <li>柚子</li>
 <li>青柠</li>
 </ul>
 <script>
 $("ul li").click(function () {
 $(this).clone(true).appendTo($("ul"));
 // 复制后添加回ul元素中
 });
 </script>
</body>
</html>

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表