Jquery前置html语法错误“和'

Question

我希望通过jQuery在onClick函数前面添加一个div：

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

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

这是changemyvariable函数：

function changemyvariable (mynewvariable) {
var myoldvariable = mynewvariable

}

它不起作用并返回

SyntaxError: syntax error
changemyvariable(

“或”是否有问题？如果我像“4v5”那样尝试它也不起作用..

Answer 1

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

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

你最好不要添加jQuery，因为你还是在使用这个库：

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

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

Answer 2

你必须逃避引号

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