2016-09-06 4 views
0

jqueryをフルラインでクローン作成する方法を教えてください。現時点では「3」だけが挿入されています。JqueryクローンはすべてHTMLをコピーしません

私は、次の挿入など

<div class="servline_vhc servline_vhc_inspection clearfix">3</div> 

jqueryの希望:私は何をしたいのです権利を理解している場合、コンソールをチェックし、

<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> 
+2

はここに罰金作品:https://jsfiddle.net/hy20rmrr/。あなたのコードのどこか他の場所のエラーをコンソールで確認してください。 –

+0

こんにちは、ちょうど console.log($ clone.html())を追加しました。 "3"と表示されます – zima10101

+0

正しいです。最後の 'div'をクローンします。 HTMLコンテンツはちょうど '' 3 ''です。正確に何が起こると思いますか? –

答えて

0

var $clone = $('div.servline_vhc.servline_vhc_inspection.clearfix').last().clone(true); 
$clone.insertAfter($('div.servline_vhc.servline_vhc_inspection.clearfix').last()); 

HTMLを以下の作業例では、

$(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の公式文書から

いくつかのリンク:

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

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

関連する問題