[jQuery] Injecting tags to specific location.
Hi,
My CMS won't let me customize their HTML structure they didn't give me
access to their templating system. But they'd let me access their Head
section were I could add custom Javascript and CSS.
Example this would be their template structure:
<body>
<div id="wrapper">
<div id="maincontent"> Maincontent </div>
<div id="left"> Left Contents </div>
<div id="right"> Right Contents </div>
</div>
</body>
This what I want to achieve:
<body>
<div id="wrapper">
<div id="maincontent">
<div class="inject1">
<div class="inject2">
<div class="inject3">
Maincontent
</div>
</div>
</div>
</div>
<div id="left">
<div class="inject1">
<div class="inject2">
<div class="inject3">
Left Contents
</div>
</div>
</div>
</div>
<div id="right">
<div class="inject1">
<div class="inject2">
<div class="inject3">
Right Contents
</div>
</div>
</div>
</div>
</div>
</body>
The reason why the injections was structured like that is, I want the
regular divs to be rounded. the Inject1, Inject2, Inject3 would be
style in my external CSS. To all JQuery experts there I really need
help... I think it would also be great if it was like a class that i
can just be apply it to specific ids or class.
Thanks!