将参数传递给javascript onclick函数

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

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

title=“as”
$（“
”）

我的控制台日志打印这个未捕获的语法错误：意外标记}

请尝试以下方法：

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

hello='anything'；
$（“
”）

看，在pushRight之前和之后，以及在您的 字符串

“sa”

。知道错误并改正。不建议在html中使用内联js。在这些场景中，您必须绑定事件

---

请不要使用内联js（只在html中单击）

请参见此处不使用内联js的原因：

以下是使用jQuery的正确方法：

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

---

这里的实时演示：

为什么不为该元素设置一个

jQuery

事件处理程序呢？

<li onClick=pushRight(as) class="item"></li>

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

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