div里面的div标签抛出异常 - 为什么

Question

我尝试使用jQuery将模板插入DOM，但它给了我错误 - Uncaught SyntaxError: Unexpected token <。为什么这样？

工作正常：

$('body').children().last().after('<div></div>');

抛出异常：

$('body').children().last().after('<script><div></div></script>');

Answer 1

因为<div></div>不是有效的JavaScript。 jQuery正在尝试使用<script>的innerHTML生成<div></div>元素。

请注意，您的方法可能有误。请参阅 What is the XY Problem?

如果您想使用text/template模板，则必须将其包含在<script>元素的属性中：

$('body').children().last().after('<script type="text/template"><div></div></script>');