练习前端过程中,自己想到一个小需求,用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)