Nachträgliches hinzufügen von TAG's

Ok und was ist mit der jQuery-Funktion wrapInner? Damit wird ein bestehendes Tag erweitert.

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.
 
Zurück