Javascript 附加新的 onClick 项目格式错误

Question

我在一些看起来应该很简单的事情上遇到了麻烦。在某个点击事件之后，我希望发生这样的事情:

var varOne = 1;
var varTwo = 2;
var varThree = 3;

var data = "<a href='#' onClick='myFunction('"+varOne+"', '"+varTwo+"', '"+varThree+"')'>";
$("#location").append(data);

基本上，我应该得到一个带有 onclick 的链接，如下所示:

myFunction('1', '2', '3')

我得到的是这样的:

myFunction(" 1',="" '2',="" '3'=""

我能做我想做的事吗？我认为这只是混合和转义引号的问题，但我花了几个小时在这个问题上，但无法弄清楚。

Answer 1

尝试这样，您缺少一个右括号和一个右撇号，而且您的 myFunction 应该用双引号(")而不是单引号，并且您必须用反斜杠转义

var varOne = 1;
var varTwo = 2;
var varThree = 3;

var data = "<a href='#' onClick=\"myFunction('"+varOne+"', '"+varTwo+"', '"+varThree+"')\">";
console.log(data);