javascript - 将变量传递给 html 标记中的 javascript 函数

Question

我有一个 html 表格，里面填满了很多项目。该行的代码是这样的:

<tr th:each="item : ${srcResults}">
    <td th:text="${item.something}"style="vertical-align:middle;" />...
    <td style="vertical-align: middle;">
        <label class="btn btn-primary" title="Details" onclick="submitDetails(${item});">
             <i class="fa fa-info" />
        </label>
    </td>
</tr>

调用的 javascript 函数是:

submitDetails = function(item) {
    console.log('I have been called');
};

但它不起作用，chrome 的控制台显示

Uncaught SyntaxError: missing ) after argument list referring to the label tag.

我必须使用 item 对象，但我不知道如何将它传递给 js 函数

Answer 1

尝试这样的事情

onclick="submitDetails('"+${item}+"');"