Jquery 克隆不复制所有 html
Jquery clone doesnt copy all html
请指教如何在下面克隆完整行jquery,目前只插入“3”。
我想插入以下内容,例如
<div class="servline_vhc servline_vhc_inspection clearfix">3</div>
jquery:
var $clone = $('div.servline_vhc.servline_vhc_inspection.clearfix').last().clone(true);
$clone.insertAfter($('div.servline_vhc.servline_vhc_inspection.clearfix').last());
html:
<div class="servline_vhc servline_vhc_inspection clearfix">1</div>
<div class="servline_vhc servline_vhc_inspection clearfix">2</div>
<div class="servline_vhc servline_vhc_inspection clearfix">3</div>
如果我理解正确,那就是你想要的,请检查下面工作示例中的控制台:
$(document).ready(function(){
// Setting the clone
var $clone = $('div.servline_vhc.servline_vhc_inspection.clearfix').last().clone(true);
// This already saves the last element node like you want
$clone.insertAfter($('div.servline_vhc.servline_vhc_inspection.clearfix').last());
// Check the console, that's the element DOM node HTML
console.log($clone[0]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="servline_vhc servline_vhc_inspection clearfix">1</div>
<div class="servline_vhc servline_vhc_inspection clearfix">2</div>
<div class="servline_vhc servline_vhc_inspection clearfix">3</div>
如果你只是想要元素,提醒一下“.insertAfter()”的使用。
来自 jQuery 官方文档的一些链接:
请指教如何在下面克隆完整行jquery,目前只插入“3”。
我想插入以下内容,例如
<div class="servline_vhc servline_vhc_inspection clearfix">3</div>
jquery:
var $clone = $('div.servline_vhc.servline_vhc_inspection.clearfix').last().clone(true);
$clone.insertAfter($('div.servline_vhc.servline_vhc_inspection.clearfix').last());
html:
<div class="servline_vhc servline_vhc_inspection clearfix">1</div>
<div class="servline_vhc servline_vhc_inspection clearfix">2</div>
<div class="servline_vhc servline_vhc_inspection clearfix">3</div>
如果我理解正确,那就是你想要的,请检查下面工作示例中的控制台:
$(document).ready(function(){
// Setting the clone
var $clone = $('div.servline_vhc.servline_vhc_inspection.clearfix').last().clone(true);
// This already saves the last element node like you want
$clone.insertAfter($('div.servline_vhc.servline_vhc_inspection.clearfix').last());
// Check the console, that's the element DOM node HTML
console.log($clone[0]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="servline_vhc servline_vhc_inspection clearfix">1</div>
<div class="servline_vhc servline_vhc_inspection clearfix">2</div>
<div class="servline_vhc servline_vhc_inspection clearfix">3</div>
如果你只是想要元素,提醒一下“.insertAfter()”的使用。
来自 jQuery 官方文档的一些链接: