Question

这是我的代码。当我去添加“deleteitem”类时，它给我一个语法错误，但我不确定如何纠正它

<script type="text/javascript">
  $(document).ready(function () {
    var url = "db-get.php";
    $("#userdata tbody").html("");
    $.getJSON(url, function (data) {
      $.each(data.orders, function (i, order) {
        var tblRow =
          "<tr id=" + order.id + ">" + "<td>" + order.id + "</td>" + "<td>" + order.Name + "</td>" + "<td>" + order.Company + "</td>" + "<td>" + order.Phone + "</td>" + "<td>" + order.Location + "</td>" + "<td><button class="deleteitem">Delete</button></td>" + "</tr>";
        $(tblRow).appendTo("#userdata tbody");
      });
    });
  });
</script>

Answer 1

您需要在包含双引号的任何内容周围使用单引号：

... '<td><button class="deleteitem">Delete</button></td>' ...

而不是：

... "<td><button class="deleteitem">Delete</button></td>" ...

解析器认为字符串在deleteitem之前的第一个引号之后结束并崩溃。

Answer 2

您使用错误的引号。您不能使用双引号来限制整个字符串，并将其用于字符串中的属性值。一种方法是逃避引号，如\"，但我更喜欢使用单引号和双引号，使其更具可读性。

试试这个：

'<td><button class="deleteitem">Delete</button></td>'

IE在整个表格单元代码周围使用单引号，然后你可以在属性值（类名）周围使用双引号。

Answer 3

将“deleteitem”更改为

\"deleteitem\"

所以“正确转义

Answer 4

你需要逃避你的报价。尝试

"<td><button class=\"deleteitem\">Delete</button></td>"

添加类时JS中的语法错误

4 个答案: