Gibt es in jquery eine Möglichkeit, mich selbst und alle untergeordneten Elemente zu kopieren?

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>

Ich möchte das li标签本身包括所有子元素到第一个li-Tag vorne kopieren. JQuery bietet eine einfache Möglichkeit, es zu schreiben.

var swiperPic = $(".swiper-slide")
var liHtml = swiperPic.eq(swiperPic.length - 1).html()
swiperPic.eq(0).before("<li class="swiper-slide">" +  liHtml +"<li>")

Was mir einfiel, war, das li标签下所有子元素但是不包括li-Tag selbst kopieren zu können.

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