jquery - “未捕获的语法错误：意外的标记 <” 使用 jQuery 的追加时

Question

这是我的问题的jsFiddle 演示。

一旦触发点击事件，此 jquery 代码段将添加 3 个 div。但是，控制台显示“未捕获的语法错误：意外的令牌 <”。

脚本

$('#e16').on('click', function(){
 $(this).append("<div id='e17' class='kim2bb'>Alcohol 0.2+</div>
                 <div id='e18' class='kim2bb'>Alcohol 1.0~2.0</div>
                 <div id='e19' class='kim2bb'>Alcohol 0.05~1.0</div>");
});

html

<div id="e16" class="kim2bb">Drunken Drive</div>

Answer 1

您的字符串在多行上断开：

$(this).append("<div id='e17' class='kim2bb'>Alcohol 0.2+</div>" +
                "<div id='e18' class='kim2bb'>Alcohol 1.0~2.0</div>" +
                "<div id='e19' class='kim2bb'>Alcohol 0.05~1.0</div>");

Answer 2

试试这个：

$(this).append("<div id='e17' class='kim2bb'>Alcohol 0.2+</div>" +
                        "<div id='e18' class='kim2bb'>Alcohol 1.0~2.0</div>" + 
                        "<div id='e19' class='kim2bb'>Alcohol 0.05~1.0</div>");

行尾的加号很重要，因此只需复制并尝试即可。