Question

这是我问题的jsFiddle demo。

一旦点击事件被触发，此jquery片段就会添加3个div。但是，控制台说“Uncaught Syntax Error：Unexpected token＆lt;”。

脚本

$('#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>");

在行尾添加很重要，所以只需复制并尝试。

使用jQuery的追加时，“未捕获的语法错误：意外的令牌＆lt;”

2 个答案: