js追加内容的问题

孤城寞子 2020-05-04 02:59:07
大家好。我在做一个js的追加事件,用了append函数,但是这个函数自带删除功能,其实相当于剪切一样,我不想要剪切,我想要复制,在把元素追加到其他地方后,还保留之前的元素,有什么办法可以关闭删除功能或者有其他的追加函数吗
小白菜一颗,请求指教


<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#a{
width: 300px;
height: 300px;
border: solid;
background-color: #00FFFF;
}
.b{
width: 100px;
height: 100px;
border: solid;
background-color: #A9A9A9;
}
</style>
<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$("#a").click(function(){
$("#a").append($(".b").eq(0))
})
})
</script>
</head>
<body>
<div id="a">
a
</div>
<div id="b1" class="b">
b1
</div>
<div id="b1" class="b">
b2
</div>

</body>
</html>

...全文
93 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
孤城寞子 2020-05-05
  • 打赏
  • 举报
回复
谢谢,解决了
河南棒小伙 2020-05-04
  • 打赏
  • 举报
回复
jquery中有.clone()的方法,

$("#a").click(function(){
         $("#a").append($(".b").eq(0).clone());
    })
天际的海浪 2020-05-04
  • 打赏
  • 举报
回复
$("#a").append($(".b").eq(0).clone()) clone()方法的具体参数: https://www.html.cn/jqapi-1.9/clone/

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧