tombe
Erfahrenes Mitglied
Ok und was ist mit der jQuery-Funktion wrapInner? Damit wird ein bestehendes Tag erweitert.
Nachdem der Button angeklickt wurde, sieht der HTML-Code dann so aus:
Wobei natürlich auch hiermit der Originalcode verändert wird, denn ganz ohne geht es ja wohl nicht.
HTML:
<style type="text/css">
#test {
background-color:#808080;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function () {
$("body").wrapInner("<div id='test'></div>");
});
});
</script>
<body>
<h1>erste Zeile</h1>
<br />
<p>Text als neuer Absatz</p>
<br />
<input type="button" name="button" id="button" value="Add DIV" />
<h3>letzte Zeile</h3>
</body>
Nachdem der Button angeklickt wurde, sieht der HTML-Code dann so aus:
HTML:
<body>
<div id="test">
<h1>erste Zeile</h1>
<br>
<p>Text als neuer Absatz</p>
<br>
<input name="button" id="button" value="Add DIV" type="button">
<h3>letzte Zeile</h3>
</div>
</body>
Wobei natürlich auch hiermit der Originalcode verändert wird, denn ganz ohne geht es ja wohl nicht.