Home/ Questions/Q 6782611
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:45:51+00:00

My div is closing itself. <html><head><title></title> <script type=text/javascript charset=utf-8 src=jquery-1.7.min.js></script> <script> $(document).ready(function(){ $(#wrapper).append( ‘<div

  • 0

My div is closing itself.

<html><head><title></title>
<script type="text/javascript" charset="utf-8" src="jquery-1.7.min.js"></script>
<script>

$(document).ready(function(){   
        $("#wrapper").append( '<div id="content"><br>test');
        $("#wrapper").append('<br>whatever');
        $("#wrapper").append( 'sfga<br></div>' );
});
</script>

</head><body>

<div id="wrapper">
</div>

</body></html>

The div is automatically closing after test is output and not after sfga like it should.

How to fix this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Dirty fix:

    var sHTML = '<div ="content"><br>test<br>whateversfga<br></div>';
$("#wrapper").append(sHTML);

    Proper way of doing it:

    var oNewDiv = $('<div id="content">').append('<br />').append('test');
$("#wrapper").append(oNewDiv);

    Why this happens? Because jQuery is automatically creating proper DOM elements when given raw HTML, while letting you append to them with the above chaining.

    • 0