<thead>
<td id="id">ID</td>
<td id="comment">comment</td>
<td id="check">Chek</td>
</thead>
Это что изменяется постоянно? Наверное же нет, так зачем вы получаете эти элементы в скрипте?
Данные, это просто ужас какой-то. Во-первых, почему первый элемент массива пустой? Не должен сервер возвращать пустоту. Данные ваши это результат необдуманного получения записей из результата запроса к базе. То есть совсем не думая, нужно, не нужно, просто используется функция mysql_fetch_array(), а она без указания чего надо, возвращает два идентичных набора данных - один индексный, второй ассоциативный. Затем вы это выплевываете клиенту и получаете на нем то, что получаете - бардак, а не данные.
Работаете с ассоциацией, значит используйте mysql_fetch_assoc() или указывайте в mysql_fetch_array() чего нужно. Почему строковые данные обрезаны или это для примера?
Наведите сначала порядок в серверном скрипте.
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#reg4").click(function() {
var $body = $('#dynamic tbody'), tmp = '';
var res = [
{
ID: "210",
comment: "Ю́рий Алексе́евич Гага́рин — лётчик-космонавт СССР № 1, Герой Советского Союза, кавалер высших знако",
Check: "0"
},
{
ID: "211",
comment: "Альбе́рт Эйнште́йн — физик-теоретик, один из основателей современной теоретической физики, лауреат Н",
Check: "0"
},
{
ID: "212",
comment: "Фили́пп Бедро́сович Кирко́ров — советский и российский эстрадный певец, актёр, композитор и продюсер",
Chek: "0"
},
{
ID: "214",
comment: "Марк Э́ллиот Цу́керберг — американский программист и предприниматель в области интернет-технологий, ",
Chek: "0"
},
{
ID: "215",
comment: "Илон Рив Маск — канадско-американский инженер, предприниматель, изобретатель и инвестор; долларовый ",
Chek: "0"
}
];
// Перебираем массив
$.each(res, function() {
// Добавляем строку в таблицу
tmp += '<tr class="str"><td>'+this.ID+'</td><td>'+this.comment+'</td><td><input type="checkbox" value="'+this.Chek+'" class="form-control"/></td></tr>';
});
$body.html(tmp);
});
});
</script>
</head>
<body>
<table id="dynamic">
<thead>
<tr>
<td>ID</td>
<td>comment</td>
<td>Chek</td>
</tr>
</tr>
</thead>
<tbody>
</tbody>
</table>
<input type="button" value="GO" id="reg4"/>
</body>
</html>