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

我有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未捕获的语法错误：意外的令牌}


不要问为什么有jQuery时为什么要使用onclick作为事件处理程序。我有理由举这个例子。为什么会出现此错误？

最佳答案

您在引号内的引号有问题，我已将.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>');
      });
 });

关于javascript - 不存在的奇怪的意外 token ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39933601/