时间戳

首页 > 解决方案 > 如何在 jquery 中将变量值附加到动态创建的 html 元素

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

问题描述

我正在动态创建一个 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>

标签： htmljquery

解决方案

问题是您将字符串直接输出到函数调用中而不使用'. 您需要添加转义'并将您的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]内部字符串。

推荐阅读