如何将变量值附加到jquery中动态创建的html元素中

Question

我正在动态创建一个html链接，我想使用参数设置onclick事件。参数是可变的。

return '<a role="button" href="#" class="btn btn-default btn-sm delete-btn ml-2" onclick="deleteMeeting('+data[1]+')" >Delete</a>'

我遇到错误，

Uncaught SyntaxError: missing ) after argument list.

目前，它是这样渲染的，

<a role="button" href="#" class="btn btn-default btn-sm delete-btn ml-2" onclick="deleteMeeting(Junior Technical Author)">Delete</a>

Answer 1

问题是您直接在不使用'的情况下将字符串输出到函数调用中。您需要添加转义的'并将data[1]放在其中。

return '<a role="button" href="#" class="btn btn-default btn-sm delete-btn ml-2" onclick="deleteMeeting(\''+data[1]+'\')" >Delete</a>'

这样，您将data[1]粘贴在字符串中。