javascript - html串联语法错误:意外的标识符

我正在尝试将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);

我从浏览器中收到一个错误“未捕获的语法错误：意外的标识符。我这样做的方式有误吗？

最佳答案

您的代码

 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>';