try this:
$("#maincontent, .left , .right").prepend('<div
class="inject1"><div class="inject2"><div
class="inject3">');
$("#maincontent, .left ,
.right").append('</div></div></div>');
pennfoli0 wrote:
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!
|
