jquery - 从子 div 中追加父 div

Question

我想在 div 1 之前添加一个 div，但脚本将嵌套在代码深处的几个 div 中。这在理论上可行吗？

<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

这应该在 id 为 1 的 div 之前注入(inject)一个 div 元素。

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