जावास्क्रिप्ट/JQuery में एचटीएमएल तत्व वस्तुओं को क्लोन करना संभव है?

Question

मैं अपनी समस्या को हल करने के तरीके पर कुछ सुझाव ढूंढ रहा हूं।

मेरे पास एक तालिका में एक HTML तत्व (जैसे चयन बॉक्स इनपुट फ़ील्ड) है। अब मैं ऑब्जेक्ट की प्रतिलिपि बनाना चाहता हूं और प्रतिलिपि में से एक नया उत्पन्न करना चाहता हूं, और यह जावास्क्रिप्ट या jQuery के साथ। मुझे लगता है कि यह किसी भी तरह काम करना चाहिए, लेकिन इस समय मैं थोड़ा उलझन में हूं।

कुछ इस (छद्म कोड) की तरह:

Answer 1

jQuery रास्ता (सबसे कारगर नहीं):

JQuery

की clone() विधि पर देखो आप कर सकते हैं अपने कोड का उपयोग करना कुछ ऐसा:

$('#ddl_1').clone().attr('id', newId).appendTo('p'); // append to where you want 

Answer 2

यह वास्तव में jQu में बहुत आसान है ery:

$("#ddl_1").clone().attr("id",newId).appendTo("body"); 

.appendTo बदलें() निश्चित रूप से ...

Answer 3

एक पंक्ति में:

newelement = element.cloneNode(bool) 

जहां बूलियन कि क्या इंगित करता है:

$('#selector').clone().attr('id','newid').appendTo('#newPlace'); 

Answer 4

देशी जावास्क्रिप्ट के साथ

बच्चे नोड्स क्लोन करने के लिए या

Answer 5

हाँ, आप एक ही तत्व के बच्चों को कॉपी और अन्य तत्व में पेस्ट कर सकते हैं:

var foo1 = jQuery('#foo1'); 
var foo2 = jQuery('#foo2'); 

foo1.html(foo2.children().clone()); 

सबूत: http://jsfiddle.net/de9kc/

Answer 6

आज़माएं:

$('#foo1').html($('#foo2').children().clone()); 

Answer 7

आप "# foo2" का चयन करने की जरूरत है आपके चयनकर्ता के रूप में। फिर, इसे एचटीएमएल() के साथ प्राप्त करें।

<div id="foo1"> 

</div> 
<div id="foo2"> 
    <div>Foo Here</div> 
</div>​ 

यहाँ जावास्क्रिप्ट है:

$("#foo2").click(function() { 
    //alert("clicked"); 
    var value=$(this).html(); 
    $("#foo1").html(value); 
});​ 

यहाँ jsfiddle है: http://jsfiddle.net/fritzdenim/DhCjf/

Answer 8

आप एक बनाने के लिए क्लोन() विधि का उपयोग कर सकते हैं

यहाँ एचटीएमएल है प्रतिलिपि ..

$('#foo1').html($('#foo2 > div').clone())​; 

FIDDLE HERE