양식 태그 내의 모든 contrl을 div로 이동

Question

div를 페이지에 추가하는 데 사용하는 jQuery 코드입니다.

var div = jQuery(document.createElement('div')); 
      div.attr('id', 'divFormWrapper'); 

      div.css({ 
       "position": "absolute", 
       "top": 0, 
       "left": 0, 
       "width": "100%", 
       "height": "100%", 
       "overflow": "auto", 
       "-webkit-overflow-scrolling": "touch", 
       "background-color": "orange", 
       "border": "none", 
       "z-index": 0, 
       "display": "block" 
      }); 

      jQuery('form').wrap(div); 

양식 태그 앞에 div 태그가 추가됩니다. form 태그 다음에 div 태그를 추가해야합니다.

<div id="divFormWrapper" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow-x: auto; overflow-y: auto; background-color: red; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; z-index: 0; display: block; "> 
<form name="Form1" method="post" id="Form1"> 

controls....... 
</form> 
</div> 

이것은 내가해야 할 일입니다.

<form name="Form1" method="post" id="Form1"> 
<div id="divFormWrapper" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow-x: auto; overflow-y: auto; background-color: red; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; z-index: 0; display: block; "> 
controls....... 
</div> 
</form> 

Answer 1

대신 .wrap() 사용 .wrapInner().

jsFiddle example.

Answer 2

jQuery('form').children().wrapAll(div); 

Answer 3

나는 더 구체적인 선택을 사용하여 수정할 것

$('#form1').children().wrapAll('<div id="divFormWrapper"/>`);