JQuery clone не копирует все html

Question

Пожалуйста, сообщите, как сделать jquery ниже clone полной линией, на данный момент вставлено только «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> 

Answer 1

Если я понял правильно, что это то, что вы хотите, проверьте консоль в рабочем примере ниже:

$(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()".

Некоторые ссылки из OFFICAL документации JQuery в:

http://api.jquery.com/insertAfter/

http://api.jquery.com/clone/