javascript - 将参数传递给 javascript onclick 函数

Question

我在从 javascript onClick 函数获取参数时遇到问题

title = "as"
$('<li onClick=pushRight('+hello+') class="item"></li>')

并且我的控制台日志打印此 Uncaught SyntaxError: Unexpected token }

Answer 1

请不要使用内联js(仅在您的html中使用)。

查看不使用内联 js 的原因: https://www.google.com/search?q=Why+is+inline+js+bad%3F

这是使用 jQuery 的正确方法:

var $myElem = $('<li class="item"></li>');
$myElem.click(function() {
  pushRight('hello');
});

即使没有 jQuery，这也很容易:

var myElem = document.createElement('li');
myElem.className = 'item';
myElem.addEventListener('click', function() {
  pushRight('hello');
});

现场演示:http://jsbin.com/uDURojOY/1/edit