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

Question

<ul class="swiper-wrapper">
    <li class="swiper-slide">
        <img src="./images/banner-1.jpg" alt="">
        <span class="slider-text"></span>
    </li>
    <li class="swiper-slide">
        <img src="./images/banner-2.jpg" alt="">
        <span class="slider-text"></span>
    </li>
    <li class="swiper-slide">
        <img src="./images/banner-3.jpg" alt="">
        <span class="slider-text"></span>
    </li>
    <li class="swiper-slide">
        <img src="./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标签本身。

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

var swiperPic = $(".swiper-slide");
swiperPic.eq(0).before(wiperPic.eq(swiperPic.length - 1).children().clone());

Answer 5

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

Answer 6

.clone