У меня есть данные JSON из обзоров API FB, и я хочу вставить данные из JSON в элементы div карусели совы. Я хочу, чтобы каждый обзор создавался в отдельном элементе div, и этот элемент div находился внутри карусели совы и работал как карусель.
В HTML у меня есть только это:
<div id = "carousel" class = "owl-carousel" style = "color: white;">
</div>
Раньше я настраивал карусель, теперь мой вопрос заключается в том, как взять данные из JSON и вставить в класс div owl-carousel, но я хочу, чтобы divs были вставлены внутрь, чтобы взять класс owl-item и т. д.
Вот код JavaScript:
$(document).ready(function () {
var url = "https://graph.facebook.com/v3.2/...";
$.getJSON(url, function (data) {
var items = [];
$.each(data.data, function (i, obj) {
var text = '<p class = "review_text">' + obj.review_text + '</p>'
var date = '<p class = "date">' + obj.created_time + '</p>'
}); //Here I get the review text and the created date of the review
//I want to create div element for each review and insert that div in the owl carousel
});
});
Я добавил ниже в качестве ответа, что у меня есть попытки



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Это то, что я пробовал до сих пор:
$(document).ready(function () {
var url = "https://graph.facebook.com/v3.2/...";
$.getJSON(url, function (data) {
var items = [];
$.each(data.data, function (i, obj) {
//$('#target').append($('<div/>', { id: 'dummy' + i }))
var text = '<p class = "review_text">' + obj.review_text + '</p>'
var date = '<p class = "date">' + obj.created_time + '</p>'
a = counter();
$("#carousel").find("[data-index='" + i + "']").append(text, date)
});
$('#scripts').append('<input type = "number" id = "spam_key" value= ' + a + '>');
});
var wrapper = document.getElementById("carousel");
var myHTML = '';
for (b = 0; b <= 230; b++) { //but here instead of 230 I want to get the value of a
myHTML += '<div id = "review" data-index=' + (b) + '></div>';
}
wrapper.innerHTML = myHTML
});
что ты уже испробовал?