Question

我的代码是：

var el = document.getElementById("showcontent");
        $.getJSON('ajaxdbtest.php', function(data) { 
            $.each(data, function(n, theData) {
                el.innerHTML += '<p>'+theData.name+'</p>';
            });
        });

代码返回数据ok。有40个结果。我希望能够在结果之间添加自定义div。因此，在每5个结果后，我想添加我的自定义div。

<div id="mycustomdiv">Custom DIV</div>

我该怎么做？

感谢。

Answer 1

首先，您正在使用jQuery和本机JS方法的奇怪组合。我建议坚持一个或另一个。

要使用jQuery实现所需，您可以使用集合中当前元素的索引（您的n变量保存此值）和模运算符来了解每个5的传递时间。试试这个：

var $el = $("#showcontent");

$.getJSON('ajaxdbtest.php', function(data) { 
    var $target = $el
    $.each(data, function(n, theData) {
        if (n % 5 == 0 && n != 0)
            $target = $('<div />').appendTo($el);

        $target.append('<p>' + theData.name + '</p>');
    });
});

Working example

在jquery getjson数据之间显示一个div

1 个答案: