Javascript Jquery前置html语法错误“和”

我想通过jQuery使用onClick函数预先编写一个div，如下所示：

var myFirstDivChange =  '<div class="myClass" onClick="changemyvariable('4v5');">MyText</div>',

$('#myDiv').prepend(myFirstDivChange);

它不工作并且返回

SyntaxError: syntax error
changemyvariable(

---

或“”有问题吗？如果我像4v5一样尝试，它也不起作用。

您必须在HTML字符串中引用单引号：

var myFirstDivChange =  '<div class="myClass" onClick="changemyvariable(\'4v5\');">MyText</div>',

最好使用jQuery添加，因为您正在使用库：

$('#mydiv').prepend($('<div/>', {
  text: "MyText"
, "class": "myClass"
, click: function() { changemyvariable("4v5"); }
}));

---

效果相同，但不那么凌乱。

你必须避开引号

'<div class="myClass" onClick="changemyvariable(\'4v5\');">MyText</div>'

---

您有“in”。您需要将内部单引号转义为changemyvariable“4v5\”，但实际上您应该动态绑定该事件，而不是将其编码到标记中。请考虑使用绑定事件，而不是硬编码。

'<div class="myClass" onClick="changemyvariable(\'4v5\');">MyText</div>'