Question

我也在使用socket.io。有一个HTML表，当用户单击一个按钮时，我的代码应该用一个新表替换该表，但它会在标题中给出错误消息。

这是我的代码：
HTML：

<table>
                </tbody>
                    <tr>
                        <td class="1"></td>
                        <td class="2"></td>
                        <td class="3"></td>
                    </tr>
                    <tr>
                        <td class="4"></td>
                        <td class="5"></td>
                        <td class="6"></td>
                    </tr>
                    <tr>
                        <td class="7"></td>
                        <td class="8"></td>
                        <td class="9"></td>
                </tr>
                </tbody>
            </table>

JQuery脚本：

socket.on('resetGranted', function() {
        $('table').replaceWith('<table>    //says error is here
                </tbody>
                    <tr>
                        <td class="1"></td>
                        <td class="2"></td>
                        <td class="3"></td>
                    </tr>
                    <tr>
                        <td class="4"></td>
                        <td class="5"></td>
                        <td class="6"></td>
                    </tr>
                    <tr>
                        <td class="7"></td>
                        <td class="8"></td>
                        <td class="9"></td>
                </tr>
                </tbody>
            </table>');
    })

我该如何解决这个问题？

Answer 1

对多行字符串

使用反引号`

＆＃13;

console.log(`
    multi
    line
    string
    here
`);

＆＃13;

Answer 2

socket.on('resetGranted', function() {
var htmlContent='<table>
            </tbody>
                <tr>
                    <td class="1"></td>
                    <td class="2"></td>
                    <td class="3"></td>
                </tr>
                <tr>
                    <td class="4"></td>
                    <td class="5"></td>
                    <td class="6"></td>
                </tr>
                <tr>
                    <td class="7"></td>
                    <td class="8"></td>
                    <td class="9"></td>
            </tr>
            </tbody>
        </table>';
        $('table').replaceWith(htmlContent);
    })

JQuery：Uncaught SyntaxError：无效或意外的令牌

2 个答案: