Итерация комбинированного объекта json

Question

У меня есть этот php-код. Tat получает данные из mysql и объединяет их в один большой объект json и передает их в представление с помощью ajax get

$user_id = $this->ion_auth->get_user_id();
//Get Stats
$addresses = $this->db->query("select count(*) as addresses from addressbook where user_id = '$user_id'")->row()->addresses;
$individual = $this->db->query("select count(*) as individual from addressbook where user_id = '$user_id' and category='individual'")->row()->individual;
$business = $this->db->query("select count(*) as business from addressbook where user_id = '$user_id' and category = 'business'")->row()->business;
$kount = $this->db->query("select count(*) as kount from addressbook where user_id = '$user_id'")->row()->kount;
$latest = $this->db->query("select * from addressbook where user_id = '$user_id' limit 5")->result_array();
        //Latest Records
$bundle = json_encode([$addresses, $individual, $business, $kount, $latest]);
print_r($bundle);

Это мой код jquery

$.get(window.get_url, function( data ) {
var jd = jQuery.parseJSON(data);
console.log(jd);

var addresses = jd[0];
var individual = jd[1];
var business = jd[2];

var latest = jd[4];

$.each(latest, function(i, item) {
 $.each(item, function(x, y) {
     $(".latest").html("<a href='#' class='list-group-item list-group-item-action'><i class='icon-circle mr-3'></i>"+item.names+"</a>");
});
});

});

Возвращаемые данные выглядят следующим образом

["5", "2", "3", "5", [{"id": "8", "category":"индивид", "имена": "xsjjhdjh", "Telephone": "0800439005", "электронная почта": "info@myer.com", "Описание": "ddgdjh", "last_updated": "1571756884", "user_id":" 1 "}, {" ID ":" 9" , "категория": "индивидуальные", "имена": "jhjhjh", "телефон": "0800439005g", "электронная почта": "info@myer.comvgv" "описание": "fgffg", "last_updated": "1571757334", "user_id": "1"}, { "ID": "10", "категории": "бизнес", "имена":" ДСС" "телефон": "0800439005e", "электронная почта": "info@myer.come", "описание": "ddff", "last_updated": "1571757569", "user_id": "1"}, {" идентификатор":" 11" , "категория": "бизнес", "имена": "ДСС", "телефон": "6w3636", "электронная почта": "я @ вас, ком", "описание": "ddff""last_updated": "1571758012", "user_id": "1"}, { "ID": "12", "категория": "бизнес", "имена": "ДСС", "телефон": "777878","электронное письмо": "she@her.com", "description": "ddff", "last_updated": "1571758023", "user_id": "1"}]]

Я хочу отобразить именав виджете, как

$(".latest").html("<a href='#' class='list-group-item list-group-item-action'><i class='icon-circle mr-3'></i>"+item.names+"</a>");

, но это дает только фамилию, а не все имена?.

вот скрипка https://jsfiddle.net/6hpuacnm/

Как я могу отобразитьвсе имена, а не только последние?

Answer 1

Я решил это так. Сначала я очищаю .latest и append новый контент

var latest = jd[4];
$(".latest").empty();

$.each(latest, function(i, item) {
$(".latest").append("<a href='#' class='list-group-item list-group-item-action'><i class='icon-circle mr-3'></i>"+item.names+"</a>");
});