Javascript jqueryappend函数自动关闭Div

我使用以下代码将一些html附加到div：

 $("#conversazione").append("<div class=\"col-md-6\"></div>");
 $("#conversazione").append("<div class=\"col-md-6\">");
 $("#conversazione").append("<div class=\"col-md-6\" style=\"text-align:right;\">");
 $("#conversazione").append("<img src=\"../img/Conversazione/viso.png\" style=\"margin-top:20px;\"/></div>");
 $("#conversazione").append("<div class=\"col-md-6\" style=\"text-align:left;\">");
 $("#conversazione").append("<div class=\"bubbleUser\">"+message+"</div>");
 $("#conversazione").append("</div></div>");

$（“#conversazione”）。追加（“”）；
$（“#conversazione”）。追加（“”）；
$（“#conversazione”）。追加（“”）；
$（“#conversazione”）。追加（“”）；
$（“#conversazione”）。追加（“”）；
$（“#对话”）.append（“+message+”）；
$（“#conversazione”）。追加（“”）；

但是当我看到这个页面时，所有的页面都会自动关闭。结果就是这个图像

我怎样才能得到我需要的结果

多亏了all

函数

.append（）

直接进入

HTMLDom

，所以任何未关闭的

DOMString

都由浏览器完成。因此，您需要确保提供完整的代码。最好将HTML预编译为字符串，然后像这样使用

.append（）

：

var finalHTML = "<div class=\"col-md-6\"></div>";
finalHTML += "<div class=\"col-md-6\">";
finalHTML += "<div class=\"col-md-6\" style=\"text-align:right;\">";
finalHTML += "<img src=\"../img/Conversazione/viso.png\" style=\"margin-top:20px;\"/></div>";
finalHTML += "<div class=\"col-md-6\" style=\"text-align:left;\">";
finalHTML += "<div class=\"bubbleUser\">"+message+"</div>";
finalHTML += "</div></div>";
$("#conversazione").append(finalHTML);

var finalHTML=”“；
finalHTML+=“”；
finalHTML+=“”；
finalHTML+=“”；
finalHTML+=“”；
finalHTML+=“”+消息+“”；
finalHTML+=“”；
$（“#对话”）。追加（最终TML）；

这适用于

.append（）

，

.prepend（）

，

.html（）

。此外，这些函数在DOM操作中非常繁重。在性能方面尽量减少DOM操作

这与浏览器如何将无效的HTML转换为有效的HTML相同

：）

函数

.append（）

直接进入

HTMLDom

，因此任何未关闭的

DOMString

都由浏览器完成。因此，您需要确保提供完整的代码。最好将HTML预编译为字符串，然后像这样使用

.append（）

：

var finalHTML = "<div class=\"col-md-6\"></div>";
finalHTML += "<div class=\"col-md-6\">";
finalHTML += "<div class=\"col-md-6\" style=\"text-align:right;\">";
finalHTML += "<img src=\"../img/Conversazione/viso.png\" style=\"margin-top:20px;\"/></div>";
finalHTML += "<div class=\"col-md-6\" style=\"text-align:left;\">";
finalHTML += "<div class=\"bubbleUser\">"+message+"</div>";
finalHTML += "</div></div>";
$("#conversazione").append(finalHTML);

var finalHTML=”“；
finalHTML+=“”；
finalHTML+=“”；
finalHTML+=“”；
finalHTML+=“”；
finalHTML+=“”+消息+“”；
finalHTML+=“”；
$（“#对话”）。追加（最终TML）；

这适用于

.append（）

，

.prepend（）

，

.html（）

。此外，这些函数在DOM操作中非常繁重。在性能方面尽量减少DOM操作

---

这与浏览器如何将无效的HTML转换为有效的HTML相同<代码>：）

浏览器关闭无效的HTML

请尝试以下操作：

 $("#conversazione").append("<div class=\"col-md-6\"></div><div class=\"col-md-6\"><div class=\"col-md-6\" style=\"text-align:right;\"><img src=\"../img/Conversazione/viso.png\" style=\"margin-top:20px;\"/></div><div class=\"col-md-6\" style=\"text-align:left;\"><div class=\"bubbleUser\">"+message+"</div></div></div>");

$（“#对话”）.append（“+message+”）；

浏览器关闭无效的HTML

请尝试以下操作：

 $("#conversazione").append("<div class=\"col-md-6\"></div><div class=\"col-md-6\"><div class=\"col-md-6\" style=\"text-align:right;\"><img src=\"../img/Conversazione/viso.png\" style=\"margin-top:20px;\"/></div><div class=\"col-md-6\" style=\"text-align:left;\"><div class=\"bubbleUser\">"+message+"</div></div></div>");

$（“#对话”）.append（“+message+”）；

我的意思是，这不是jQuery完成的<代码>：）不用担心。不。。。jQuery调用

.innerHTML

属性，因此从技术上讲，它是由浏览器完成的。我的意思是，这不是由jQuery完成的<代码>：）不用担心。不。。。jQuery调用

.innerHTML

属性，因此技术上是由浏览器完成的。使用Web Inspector将始终显示关闭的标记。您需要查看实际的源以查看丢失的源。使用Web Inspector将始终显示已关闭的标记。您需要查看实际的源代码才能看到丢失的源代码。我已经复制了您的代码，但代码中存在相同的错误。我看到的代码与关闭div的代码类似，如图所示。所以我的对象不在正确的引导网格中。谢谢你的帮助help@roberto你想通过点击勾选按钮来接受我的回答吗？我已经复制了你的代码，但是代码中也有相同的错误。我看到了关闭div的代码，如图所示。所以我的对象不在正确的引导网格中。谢谢你的帮助help@roberto你愿意点击勾选按钮接受我的回答吗？