javascript - jquery有什么方法可以復制自己和所有子元素。

問題描述

<ul class='swiper-wrapper'> <li class='swiper-slide'><img src='http://www.wxshucaidpc.com/wenda/images/banner-1.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='http://www.wxshucaidpc.com/wenda/images/banner-2.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='http://www.wxshucaidpc.com/wenda/images/banner-3.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='http://www.wxshucaidpc.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