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标签本身。

问题解答

试试.clone().find('>*')

$(selector).children(selector)用于返回匹配元素集合中每个元素的子元素。

直接clone整个$(’.swiper-slide’)不就行了么

var swiperPic = $('.swiper-slide');swiperPic.eq(0).before(wiperPic.eq(swiperPic.length - 1).children().clone());回答5：

原生的js用element.cloneNode(true)就可以了

.clone