<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標籤本身。