添加类时JS中出现语法错误

Syntax error in JS when class is added

本文关键字：语法 错误 JS 添加      更新时间：2023-09-26

这是我的代码。当我添加"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>

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

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

代替：

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

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

将"deleteitem"更改为

'"deleteitem'"

因此"正确地逃脱">

您需要转义引号。尝试

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

您使用了错误的引号。不能同时使用双引号来限制整个字符串并将其用作字符串中的属性值。一种方法是转义像'"这样的引号，但我确实更喜欢使用单引号和双引号，这使它更具可读性。

试试这个：

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

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

相关文章：