Ошибка синтаксиса в JS при добавлении класса

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>" ... 

Парсер считает, что строка заканчивается после первой цитаты перед удалением и сбоев.

Answer 2

Вы используете кавычки неправильно. Вы не можете использовать двойные кавычки, чтобы ограничить всю строку и использовать ее для значения атрибута в строке. Один из способов - избежать котировок, подобных этому \", но я действительно предпочитаю использовать одинарные и двойные кавычки, что делает его более читаемым.

Попробуйте это:

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

IE использовать одиночные кавычки вокруг кода всей ячейки таблицы, то вы можете использовать двойные кавычки (имя класса) значения атрибута.

Answer 3

изменения "DeleteItem" в

\"deleteitem\" 

так "правильно спасся

Answer 4

Вам нужно избегать ваших котировок. Попробуйте

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