Данные Javascript JSON обрезаются при добавлении внутри каждого

Question

Данные json обрезаются, передавая элемент ввода. Я хочу иметь возможность передавать данные в качестве входных данных и редактировать их, но данные обрезаются.

Example:        
Expected in input: John Lemon - Class 2018 (with 12 of 12 subj) 
Output: John 


$.each(jsonData, (index, value) => {
            tbrow = $("<tr class='some-click'></tr>");
            tbrow.append("<td><input class='some-control'type='text' value="+value.Description+"></td>");
            $("#edit-person").append(tbrow);        
});

Sample JSON Data

"Class": [
    {
      "ID": "1",
      "Description": "John Lemon - Class 2018 (with 12 of 12 subj)",
      "Class": "0",
    },
    {
      "ID": "2",
      "Description": "Jane Hathaway - Class 2017 (with 11 of 11 subj)",
      "Class": "0",
    }
  ]

Как передать данные json в атрибут value без обрезки?Когда я утешаю данные, они получают данные, но когда передаются атрибуту, они обрезаются, это из-за пробелов?

Answer 1

Ваши кавычки неверны при построении строки HTML.

Попробуйте:

'<td><input class="some-control" type="text" value="' + value.Description + '"></td>'

Вы можете видеть, что в исходном коде у вас было это: value="+value.Description+", но вы такжеиспользовал " для запуска строки HTML, поэтому тег значения стал value=John Lemon - Class 2018 (with 12 of 12 subj) вместо value="John Lemon - Class 2018 (with 12 of 12 subj)", поэтому механизм HTML попытался вставить сами кавычки, в результате чего вы получили искаженный HTML.