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

雷雷

Answer 5

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

Answer 6

.克隆