Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示jquery getjson数据之间的div_Javascript_Jquery_Html - Fatal编程技术网

Javascript 显示jquery getjson数据之间的div

Javascript 显示jquery getjson数据之间的div,javascript,jquery,html,Javascript,Jquery,Html,我的代码是: var el = document.getElementById("showcontent"); $.getJSON('ajaxdbtest.php', function(data) { $.each(data, function(n, theData) { el.innerHTML += '<p>'+theData.name+'</p>'; });

我的代码是:

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

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

自定义DIV

我该怎么做


谢谢。

首先,您使用的是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>');
    });
});
var$el=$(“#showcontent”);
$.getJSON('ajaxdbtest.php',函数(数据){
变量$target=$el
$.each(数据、函数(n、数据){
如果(n%5==0&&n!=0)
$target=$('').appendTo($el);
$target.append(“”+theData.name+”

”); }); });

首先,您使用的是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>');
    });
});
var$el=$(“#showcontent”);
$.getJSON('ajaxdbtest.php',函数(数据){
变量$target=$el
$.each(数据、函数(n、数据){
如果(n%5==0&&n!=0)
$target=$('').appendTo($el);
$target.append(“”+theData.name+”

”); }); });

谢谢!工作良好唯一的问题是,它在结果开始时也会显示出来。我希望它仅在前5个结果之后启动,并在每5个结果之后循环。您只需检查它不是第一项:
如果(n%5==0&&n!=0)
。您还需要修改确定附加到哪个元素的逻辑。我更新了youThanks heaps mate的答案!我在Framework7中使用了它,它就像一个符咒。如果你能指出一些文档让我更好地理解它,我将不胜感激。谢谢,谢谢!工作良好唯一的问题是,它在结果开始时也会显示出来。我希望它仅在前5个结果之后启动,并在每5个结果之后循环。您只需检查它不是第一项:
如果(n%5==0&&n!=0)
。您还需要修改确定附加到哪个元素的逻辑。我更新了youThanks heaps mate的答案!我在Framework7中使用了它,它就像一个符咒。如果你能指出一些文档让我更好地理解它,我将不胜感激。谢谢