добавить родительский div из дочерних divs

Question

Я хочу добавить div перед div 1, но скрипт будет расположен в нескольких divs в глубине кода. Будет ли это работать теоретически?

<div id="1"> 
    <div id="2"> 
     <div id="3"> 
      <style> 
      #4 {...} 
      </style> 
      <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
      <script>  
       $("#4").before($("#1")); 
      </script> 
     </div> 
    </div> 
</div> 

благодаря

Answer 1

Это должно придать Div элемент перед DIV с идентификатором 1.

<div id="1"> 
 
    <div id="2"> 
 
     <div id="3"> 
 
      <style> 
 
      </style> 
 
      <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
      <script> 
 
      var $div = $('<div></div>').attr('id', '4'); 
 

 
      $div.insertBefore('#1'); 
 
      </script> 
 
     </div> 
 
    </div> 
 
</div>