How to correctly collect html elements from json?

Question

JavaScript

function renderWorked(itemsi) {
$('#cases').append(' '); // create a div in which information with json will be added
var containered = $('.block'), html = [], i, item; // should add here
for (i = 0; i < itemsi.length; i ++) {
item = itemsi[i];
if($("div")){ if the code method is removed, then everything will be raked into one category
//-----collects html adding data from json
html.push(''); - inserts a div with the desired category
html.push('');
html.push(' ');
html.push(''+ item['title'] + '');
html.push('');
}
html.push('');
// html.push('');
}
}
var workItemsed = [ //json file
// categori_1
{'Wraper': '1','Category': 'Digital','data-video': '5n_aW-dPRIQ0', 'data-alt-src': '5n_aW-dPRIQ0', 'image-data': '5n_aW-PdRIQ0.jpg"', 'title': 'Digital
(example1)' },
// categori_2
{'Wraper': '2','Category': ' iron75','data-video': 'r3-K4vdvRe6E', 'data-alt-src':'r3-K4dvvRe6E', 'image-data': 'r3-K4vvdRe6E.jpg'', 'title': 'Digital
rill)' },
// Kategori_3
{'Wraper': '1','Category': 'tod123','data-video':
'Digital Digital' }, renderWorked(workItemsed); It turns out this markup: And you need to get it: one - that is, a category div, and everything in this category according to the json structure.