append parent div from within child divs

Question

I want to add a div before div 1, but the script will nestled in a few divs deep in the code. Would this work in theory?

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

thanks

don't start an element `ID` with a number > http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html — Aziz, Jan 27 '16 at 19:09

John · Accepted Answer · 2016-01-27T19:15:02.920

2

This should inject a div element before the div with id 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>

edited Jan 27 '16 at 19:15

answered Jan 27 '16 at 19:12

John

4,512
8
48
98

ok, in your example above, can
be substituted with '#4' like my example above? thanks – scott.schaffer Jan 27 '16 at 19:13
one follow up.. i have created this new Div 4 and its in the right place in the code.. how do I fill this new div with html? – scott.schaffer Jan 27 '16 at 19:38
$div.html('some html'); will do – John Jan 27 '16 at 19:40
this would go after $div.insertBefore('#1'); ? – scott.schaffer Jan 27 '16 at 19:41
Either will work, as long as it is after the var $div is declared – John Jan 27 '16 at 19:42

append parent div from within child divs

1 Answers1