javascript - 如何在 html 字符串中引用/添加 javascript 变量？

Question

我试过这样使用

$(nTd).html("<div class='btn-group'> <button class='btn btn-info btn-sm' onclick='viewskpd('"+oData.id+"')' data-toggle='tooltip' title='Detail SKPD'><i class='fa fa-eye' style='color:white'></i></button>");

但它是这样的:

<button class="btn btn-info btn-sm" onclick="viewskpd(" 00cc72988f8240428b25ac5327b2a3c6')'="" data-toggle="tooltip" title="" data-original-title="Detail SKPD"><i class="fa fa-eye" style="color:white"></i></button>

但我不确定为什么触发viewskpd() 的onclick 函数没有起作用。

我检查了控制台，它是这样告诉我的。

Uncaught SyntaxError: Invalid or unexpected token

为什么会这样？

Answer 1

oData.id 需要被引用，所以它是一个用不同引号引用的字符串，而不是包含 onclick 属性:

onclick='viewskpd(\""+oData.id+"\")'

完整:

$($0).html("<div class='btn-group'> <button class='btn btn-info btn-sm' onclick='viewskpd(\""+oData.id+"\")' data-toggle='tooltip' title='Detail SKPD'><i class='fa fa-eye' style='color:white'></i></button>");