jQuery动态创建表格时onclick方法字符串解析错误求助

这个问题本质是字符串嵌套引号的解析冲突：你用单引号包裹onclick的内容，但data.result.list[i].cfunction本身就包含单引号（比如getMyMethod('My parameter')），这会导致浏览器解析时把中间的单引号当成闭合标记，直接打乱了整个字符串结构，最终生成的HTML自然就乱了。

给你两个靠谱的解决方向，优先推荐第一种：

1. 用jQuery事件绑定替代HTML内联onclick #

这是现代前端开发的最佳实践——把DOM结构和事件逻辑分离，从根源上避免引号嵌套问题，代码也更易维护。

示例代码：

for (var i = 0; i < data.result.list.length; i++) {
    var item = data.result.list[i];
    var tr = $("<tr></tr>");
    
    // 先创建a元素，再绑定点击事件
    var $link = $('<a>' + item.cvalue + '</a>');
    $link.on('click', function() {
        // 这里直接调用目标方法，不用拼接字符串
        // 如果你的cfunction是固定方法+参数的形式，比如getMyMethod带参数，可以直接传参
        getMyMethod(item.parameter); // 假设item里有单独的parameter字段
        // 如果必须用cfunction里的完整调用字符串（不推荐，有安全风险），可以用eval：
        // eval(item.cfunction);
    });
    
    tr.append($('<td>').append($link));
    tr.append('<td></td>');
    table.append(tr);
}

这种方式完全绕开了字符串拼接的引号问题，而且后续修改事件逻辑时，不用去HTML字符串里找，直接修改事件绑定的代码即可。

2. 转义引号或使用模板字符串（应急方案） #

如果因为项目限制必须用HTML字符串拼接，可以通过转义引号来解决：

• 把cfunction里的双引号转成HTML实体"，或者把单引号转成'
• 用ES6模板字符串（反引号`）包裹HTML，这样内部的单双引号不需要额外转义，但要注意旧浏览器兼容性

示例代码（模板字符串+转义）：

for (var i = 0; i < data.result.list.length; i++) {
    var item = data.result.list[i];
    var tr = $("<tr></tr>");
    // 把cfunction里的双引号转成HTML实体，避免和onclick的双引号冲突
    var safeFunction = item.cfunction.replace(/"/g, '&quot;');
    // 用模板字符串拼接HTML
    tr.append(`<td><a onclick="${safeFunction}">${item.cvalue}</a></td>`);
    tr.append("<td></td>");
    table.append(tr);
}

不过这种方式还是容易因为引号嵌套出问题，除非万不得已，优先选第一种方案。

内容的提问来源于stack exchange，提问作者klevendoglu