jq顺序添加并克隆同级节点

这篇博客介绍了在前端开发中,如何使用jQuery实现动态循环地添加并克隆同级DOM节点。作者在实践中遇到在for循环中只添加一次节点的问题,并分享了问题产生的原因及解决方案。
摘要由CSDN通过智能技术生成

练习前端过程中,自己想到一个小需求,用jq如何动态循环添加并克隆同级节点。(复制同级节点并循环添加)在网上找了好久,发现没有这个解决方法,可能是我的需求太孤僻了吧(hahaha),于是就自己动手。
先说过程中出现的问题,首先贴代码:
HTML部分:

<ul class="cleanfix">
						<li class="clone-li">
							<div class="bg">
								<img src="img/冰箱.jpg" height="190px" width="190px"/>
							</div>
							<div class="info">
								<a href="" class="name">米家两门冰箱 160L 银色黑色</a>
								<p class="info-p">小巧能装,速冻养鲜</p>
								<p class="price">899元
								<del class="re-price">32.9元</del>
								</p>
								
								<a href="" class="button-buy">
									<p>登录后抢购</p>
								</a>
							</div>
						</li>
					</ul>

jq

$(document)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值