javascript - 在 JavaScript 附加中调用带有参数的函数

Question

我需要在 jQuery append 方法中调用带有参数的函数，并希望传递一个名为 image 的变量，但即使我传递一个静态变量，我仍然会收到语法错误值

$("#officialDiv").append("<a onclick='remove('" + image + "');' class='btn btn-danger btn-sm'></a>");

或静态

$("#officialDiv").append("<a onclick='remove('test');' class='btn btn-danger btn-sm'></a>");

function remove(file) {
}

下面是错误的屏幕截图

Answer 1

这是因为您的 HTML 字符串在 ' 处中断。您需要转义引号。

$("#officialDiv").append("<a onclick=\"remove(\'" + image + "\');\" class='btn btn-danger btn-sm'>Link</a>");

应该可以正常工作。

演示

var image = "some_data";
$("#officialDiv").append("<a onclick=\"remove(\'" + image + "\');\" class='btn btn-danger btn-sm'>Link</a>");

function remove(a){
  console.log(a+" is removed");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="officialDiv"></div>