javascript - 不存在的奇怪的意外 token

Question

我有this fiddle我正在尝试将一些行附加到表中。这是代码:

$(document).ready(function () {
    $(document).on('click', '.btn-primary', function(){
        $('.table tbody').append('<tr class="child"><td>one</td><td><button id="re" onClick="ae(this.id); function ae(clicked_id) {var items = []; items.push(clicked_id);localStorage.setItem("item",JSON.stringify(items));alert(localStorage.getItem("item",JSON.stringify(items)));}" type="button" class="invite ">Invite</button></td></tr>');
    });
});

我可以生成行，但我不断收到错误消息，说我有一个不属于那里的大括号。问题是支架根本不存在。

VM140:2 Uncaught SyntaxError: Unexpected token }

当有 jQuery 时，不要问为什么我有一个 onclick 作为事件处理程序。我举这个例子有我的理由。为什么我会收到此错误？

Answer 1

您对引号内的引号有问题，我已将 .setItem("item"... 更改为 .setItem(\'item\' 以及getItem 现在可以使用了

 $(document).ready(function () {
     $(document).on('click', '.btn-primary', function(){
         $('.table tbody').append('<tr class="child"><td>one</td><td><button id="re" onClick="ae(this.id); function ae(clicked_id) {var items = []; items.push(clicked_id);localStorage.setItem(\'item\',JSON.stringify(items));alert(localStorage.getItem(\'item\',JSON.stringify(items)));}" type="button" class="invite ">Invite</button></td></tr>');
      });
 });