jQuery在没有换行符的情况下添加意外标识符

Question

我想使用 jQuery html函数动态地将div 代码段添加到另一个append，但我得到了错误。

这是我的代码：

$( ".portlet" )
    .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
    .find( ".portlet-header" )
    .addClass( "ui-widget-header ui-corner-all" )
    .prepend( "<span class='ui-icon ui-icon-minusthick portlet-toggle'></span>");

我收到此错误 "Uncaught SyntaxError: Unexpected identifier" 。

我知道一般情况下这是从换行符发生的，但正如您所看到的那样，根本没有换行符。

我在 chrome 中添加了一些错误图片：

1. 下面：

   

2. 在这里：

Answer 1

在编辑器中就是这样，在部署之后，内部单引号变为双引号。

所以我只是将其更改为以下内容并且有效：

.prepend( '<span class="ui-icon ui-icon-minusthick portlet-toggle"></span>');

我正在使用：

• Spring Tool Suite版本：3.6.3.SR1 as ide
• Pivotal tc ServerDeveloper Editon v3.0 as server

Answer 2

它正在发生，因为你正在＆＃34;打破＆＃34;最后一个命令中的字符串。 ＆＃34;意外的标识符＆＃34;是ui-icon，因为你在它之前关闭了撇号。您需要从'或"开始，并且不能在字符串中间使用它们，否则字符串将会中断。所以，正确的是：

.prepend('<span class="ui-icon ui-icon-minusthick portlet-toggle"></span>');