如何将json数据插入owl-carousel

Question

我有一个来自FB api审查的JSON数据，我想将JSON中的数据插入到owl-carouseldiv元素中。我希望每个评审都在一个单独的div元素中创建，并且该div元素位于owl-carousel中，并作为carousel工作。

在HTML中，我只有这个：

<div id="carousel" class="owl-carousel" style="color: white;">
</div>

以前我已经设置了旋转木马，现在我的问题是如何从JSON中获取数据并插入到div owl旋转木马类中，但我希望将插入其中的div获取类owl项，等等。

这是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
});
});

Answer 1

这就是我迄今为止所尝试的：

$(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
});