javascript - html 连接语法错误 : unexpected identifier

Question

我正在尝试将 html 连接到一个变量中。我能够成功地做到这一点，没有任何语法错误

htmlstr = "";
htmlstr += "<p>some paragraph";
htmlstr += "<p>another paragraph </p>";

$(list).html(htmlstr);

但是当我尝试这样做的时候

htmlstr = "";
htmlstr += "<button class="first"></button>";
htmlstr += "<button class="second"></button>";

$(list).html(htmlstr);

我收到错误消息“未捕获的语法错误:来自浏览器的意外标识符。我这样做的方式不对吗？

Answer 1

你的代码

 htmlstr += "<button class="first"></button>";
            ^ string       ^ var ^ string   ^    

在你的代码中 first 是 variable 所以你得到错误而不是 string

正确的方法

 htmlstr += '<button class="first"></button>';
            ^                               ^  //changed to single quotes
 htmlstr += '<button class="second"></button>';