[JQUERY] 그것은 자바 스크립트 / JQuery와의 복제 HTML 요소 개체 수 있습니까?

그것은 자바 스크립트 / JQuery와의 복제 HTML 요소 개체 수 있습니까?

해결법

1. ---

   1.코드를 사용하면 당신은 cloneNode () 메소드를 사용하여 일반 자바 스크립트 같은 것을 할 수 있습니다 :

   코드를 사용하면 당신은 cloneNode () 메소드를 사용하여 일반 자바 스크립트 같은 것을 할 수 있습니다 :

   // Create a clone of element with id ddl_1:
   let clone = document.querySelector('#ddl_1').cloneNode( true );
   
   // Change the id attribute of the newly created element:
   clone.setAttribute( 'id', newId );
   
   // Append the newly created element on element p 
   document.querySelector('p').appendChild( clone );
   

   또는 jQuery를 클론 () 메소드 (가장 효율적이지)를 사용하여 :

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

2. ---

   2.기본 자바 스크립트 :

   기본 자바 스크립트 :

   newelement = element.cloneNode(bool)
   

   부울는 복제 자식 노드에 있는지 여부를 나타내는 곳.

   여기 MDN에 전체 문서입니다.

3. ---

   3.예, 한 요소의 자식을 복사하여 다른 요소에 붙여 넣을 수 있습니다 :

   예, 한 요소의 자식을 복사하여 다른 요소에 붙여 넣을 수 있습니다 :

   var foo1 = jQuery('#foo1');
   var foo2 = jQuery('#foo2');
   
   foo1.html(foo2.children().clone());
   

   증명 : http://jsfiddle.net/de9kc/

4. ---

   4.그것은 jQuery를 아주 쉽게 사실이다 :

   그것은 jQuery를 아주 쉽게 사실이다 :

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

   물론 변경 .appendTo () ...

5. ---

   5.당신은 사본을 만들 클론 () 메소드를 사용할 수 있습니다 ..

   당신은 사본을 만들 클론 () 메소드를 사용할 수 있습니다 ..

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

   여기 뿐인

6. ---

   6.이 시도:

   이 시도:

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

7. ---

   7.한 라인에서 :

   한 라인에서 :

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

8. ---

   8.당신은 당신의 선택으로 "#의에서는 foo2"를 선택해야합니다. 그런 다음, HTML로 그것을 얻을 ().

   당신은 당신의 선택으로 "#의에서는 foo2"를 선택해야합니다. 그런 다음, HTML로 그것을 얻을 ().

   여기에 HTML은 다음과 같습니다

   <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/

from https://stackoverflow.com/questions/921290/is-it-possible-to-clone-html-element-objects-in-javascript-jquery by cc-by-sa and MIT license