为什么这段代码有效：
$('div.error_container').html('<div class="error">No more foo allowed</div>');
但是这段代码会导致错误：
$('div.error_container').html('<div class="error">No more foo allowed<br /></div>');
我尝试将<br /> 放在</div> 标记之前和之后，同样的错误。我尝试将其从<br /> 更改为<br>。 Chrome 总是在检查器中显示以下内容：
Uncaught SyntaxError: Unexpected token ILLEGAL
【问题讨论】：
试着把它分解成一个链：
var $div = $('<div class="error"></div>').html('No more foo allowed')
.append('<br />');
$('div.error_container').html($div);
【讨论】：
这对我来说非常适合：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('div.error_container').html('<div class="error">No more foo allowed<br /></div>');
});
</script>
</head>
<body>
<div class="error_container">
</div>
</body>
</html>
在 Chrome 和 Firefox 中。你用的是什么版本的jQuery？
附带说明<br /> 是 XML（包括 XHTML）而不是 HTML。 HTML 是 <br>。
【讨论】：
<br></br>。
我尝试了以下SSCCE，它在 IE、FF、Safari、Opera 和 Chrome（所有最新版本）中都能完美运行。
所以您的问题可能与您声明的文档类型或使用旧版本的 Chrome 有关。
<!doctype html>
<html lang="en">
<head>
<title>SO question 2173556</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#foo').html('<div>foo<br>foo</div>');
$('#bar').html('<div>bar<br/>bar</div>'); // Yes, that's illegal in HTML strict. Just to test :)
});
</script>
<style>
</style>
</head>
<body>
<div id="foo"></div>
<div id="bar"></div>
</body>
</html>
【讨论】：
我也有类似的问题，不确定是否相关。我正在为 cms 做 c# mvc。
所以我有一些来自用户的 html 输入，我使用 "@Html.Raw(Modal.Content)" 显示它们
在 Modal.Content 中有一个 <br />，我在使用 jquery .html("@Html.Raw(Modal.Content)") 将该内容附加到 html 时遇到问题
但最终问题不是<br />
有一个看不见的\n，所以我做了.html("@Html.Raw(Modal.Content).Replace("\n", "")")，问题就解决了。 <br> 保留在我的内容中，并且按预期工作。
【讨论】：
我遇到了类似的问题，它与将 jquery 链接到我的 HTML 文件有关（脚本标签不是最新的）。
（一些较新的功能与旧版本的 Jquery 不兼容，因此在使用 Jquery 时，我们应该始终拥有最新的链接。 SDN 链接应如下所示：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
【讨论】：