Имеется код для добавления данных из json в div блоки с одинаковым классом и с уникальным id. Но он не работает, уже замучался искать в чем проблема. Помогите пожалуйста.
function show() {
$.ajax({
url: 'ajax/prop',
dataType: 'html',
success:function(data){
var jsonStr = JSON.parse(data);
$('.prop').each(function (index, element) {
var container = $(this).attr('id');
jsonStr.forEach(function(item) {
const itemBtn = document.createElement('button');
itemBtn.classList.add('btn');
itemBtn.id = item.id;
let innerHtml = '';
Object.keys(item).forEach(function(key) {
innerHtml += `
<dd>${item[key]}<dd> `;
});
innerHtml += '';
itemBtn.innerHTML = innerHtml;
$('#' + container).appendChild(itemBtn);
});
})
}
});
}
$(document).ready(function(){
show();
setInterval(show(),1000);
});
<div id="1" class="prop"></div>
<div id="2" class="prop"></div>
<div id="3" class="prop"></div>