Erstellen eines div-Elements in jQuery

Question

Wie kann ich eine div Element in jQuery ?

Answer 1

$("<div/>").appendTo("div#main");

fügt ein leeres div an <div id="main"></div>

Answer 2

Ein kurzer Weg zur Erstellung von div ist

var customDiv = $("<div/>");

Jetzt kann das benutzerdefinierte Div an ein beliebiges anderes Div angehängt werden.

Answer 3

All das hat bei mir funktioniert,

HTML-Teil:

<div id="targetDIV" style="border: 1px solid Red">
    This text is surrounded by a DIV tag whose id is "targetDIV".
</div>

JavaScript-Code:

//Way 1: appendTo()
<script type="text/javascript">
    $("<div>hello stackoverflow users</div>").appendTo("#targetDIV"); //appendTo: Append at inside bottom
</script>

//Way 2: prependTo()
<script type="text/javascript">
    $("<div>Hello, Stack Overflow users</div>").prependTo("#targetDIV"); //prependTo: Append at inside top
</script>

//Way 3: html()
<script type="text/javascript">
    $("#targetDIV").html("<div>Hello, Stack Overflow users</div>"); //.html(): Clean HTML inside and append
</script>

//Way 4: append()
<script type="text/javascript">
    $("#targetDIV").append("<div>Hello, Stack Overflow users</div>"); //Same as appendTo
</script>

Answer 4

$("<div/>").attr('id','new').appendTo('body');    

Dadurch wird ein neues Div mit der ID "new" in body erstellt.

Answer 5

document.createElement('div');