js 赋值 html 代码时 onclick中参数的空格为什么变成了 " 号

JS 代码：

$("#test").html("<a onclick=add('通过 合格') >点击 方法")

HTML代码：

<a onclick="add('通过" 合格')>点击 方法

由于html 方法中的参数 的空格变成了 " 导致无法执行该方法了，请问该如何编码该问题呢，参数中的字符串参数确实有空格需求

$("#test").html("<a onclick=\"add('通过 合格')\" >点击 方法")改成这样试试
你onclick=后面的值也是需要引号包起来的