javascript - jquery有什么方法可以復(fù)制自己和所有子元素。
問題描述
<ul class='swiper-wrapper'> <li class='swiper-slide'><img src='http://www.gepszalag.com/wenda/images/banner-1.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='http://www.gepszalag.com/wenda/images/banner-2.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='http://www.gepszalag.com/wenda/images/banner-3.jpg' alt=''><span class='slider-text'></span> </li> <li class='swiper-slide'><img src='http://www.gepszalag.com/wenda/images/banner-4.jpg' alt=''><span class='slider-text'></span> </li></ul>
我想復(fù)制li標(biāo)簽本身包括所有子元素到第一個(gè)li標(biāo)簽前面，jquery有簡單的寫法。
var swiperPic = $('.swiper-slide')var liHtml = swiperPic.eq(swiperPic.length - 1).html()swiperPic.eq(0).before('<li class='swiper-slide'>' + liHtml +'<li>')
我想到的是能復(fù)制li標(biāo)簽下所有子元素但是不包括li標(biāo)簽本身。
問題解答
回答1：試試.clone().find('>*')
回答2：$(selector).children(selector)用于返回匹配元素集合中每個(gè)元素的子元素。
回答3：直接clone整個(gè)$(’.swiper-slide’)不就行了么
回答4：var swiperPic = $('.swiper-slide');swiperPic.eq(0).before(wiperPic.eq(swiperPic.length - 1).children().clone());回答5：
原生的js用element.cloneNode(true)就可以了
回答6：.clone
相關(guān)文章：
1. javascript - vue提示語法錯(cuò)誤，請問錯(cuò)誤在哪？2. jquery中關(guān)于html和text有什么區(qū)別？3. ios - vue－cli開發(fā)項(xiàng)目webstrom會在stylus樣式報(bào)錯(cuò)，飆紅，請大神幫忙4. css - 移動端 oppo 手機(jī)之 Border-radius5. 淺談vue生命周期共有幾個(gè)階段？分別是什么？6. index.php錯(cuò)誤，求指點(diǎn)7. javascript - vue.js如何遞歸渲染組件.8. angular.js - angularjs中添加高德地圖API，地圖顯示不正常，控制臺報(bào)錯(cuò)，何解？9. html - JavaScript的Dom操作如何改變子元素的文本內(nèi)容10. python - 抓包只抓到j(luò)son，真實(shí)的地址卻找不到
網(wǎng)公網(wǎng)安備