javascript - jquery有什么方法可以复制自己和所有子元素。
问题描述
<ul class='swiper-wrapper'> <li class='swiper-slide'><img src='https://www.haobala.com/wenda/images/banner-1.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='https://www.haobala.com/wenda/images/banner-2.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='https://www.haobala.com/wenda/images/banner-3.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='https://www.haobala.com/wenda/images/banner-4.jpg' alt=''><span class='slider-text'></span> </li></ul>
我想复制li标签本身包括所有子元素到第一个li标签前面,jquery有简单的写法。
var swiperPic = $('.swiper-slide')var liHtml = swiperPic.eq(swiperPic.length - 1).html()swiperPic.eq(0).before('<li class='swiper-slide'>' + liHtml +'<li>')
我想到的是能复制li标签下所有子元素但是不包括li标签本身。
问题解答
回答1:试试.clone().find('>*')
回答2:$(selector).children(selector)用于返回匹配元素集合中每个元素的子元素。
回答3:直接clone整个$(’.swiper-slide’)不就行了么
回答4:var swiperPic = $('.swiper-slide');swiperPic.eq(0).before(wiperPic.eq(swiperPic.length - 1).children().clone());回答5:
原生的js用element.cloneNode(true)就可以了
回答6:.clone
相关文章:
1. 请在微信客户端打开链接怎么在PC端打开2. html5 - 想要写一个H5页面,就微信打开来那种,然后几个输入框,把数据保存在我后台(java)的数据库里,实现思路是怎样的?3. css3 邊框漸層 及 ios背景模糊?4. 怎么在phpstudy中用phpexcel上传数据到MYSQL?5. boot2docker无法启动6. vue.js - 为什么我的vue项目上传到github不能预览?7. java - AtomicInteger等原子类,是不是不用volatile修饰,自带volatile属性?8. android - 百度地图加载大量marker点有没有比较好的解决方案9. node.js - node中MYSQL的异步问题10. android 百度地图设置个性化皮肤