Jquery 在无序列表中解析json

我正在分析无序列表中的json文件。 问题是，我需要在“ul”中对结果进行分页，其中只包含3项。 所以我想在3个结果之后关闭ul，然后重新打开它

这是我的密码：

$.getJSON('/it_IT/eni_nel_mondo/components/menu/comunicati.json', function(data) {

          var list = [];

          $.each(data.items, function(i, c) {
            list.push('<li><a href="#"><div class="title"><div class="data"><span class="number">'+c.day+'</span><span class="month">'+c.month+'</span></div><h4>'+c.title+'</h4></div><p>'+c.abstract+'</p></a></li>');
          });

          $('<ul/>', {
            'class': 'results',
            html: list.join('')
          }).appendTo('.wrap .items');
        });

$.getJSON（'/it\u it/eni\u nel\u mondo/components/menu/comunicati.json'，函数（数据）{
var列表=[]；
$。每个（数据项、功能（i、c）{
列表。推送（“
”）；
});
$（“
”{
“类”：“结果”，
html:list.join（“”）
}).appendTo（“.wrap.items”）；
});

有什么帮助吗

我决定这样做：

$.getJSON('/it_IT/eni_nel_mondo/components/menu/comunicati.json', function (data) {
        var list = [];
        var counter = 0;
        $.each(data.items, function (i, c) {
            counter++;
            list.push('<li><a href="#"><div class="title"><div class="data"><span class="number">' + c.day + '</span><span class="month">' + c.month + '</span></div><h4>' + c.title + '</h4></div><p>' + c.abstract + '</p></a></li>');
            if (counter != 0 && counter % 3 == 0) {
                $('<ul/>', {
                    'class': 'results',
                    html: list.join('')
                }).appendTo('.wrap .items');
                list = [];
            }
        });
        if (counter % 3 != 0 && list.length > 0) {
            $('<ul/>', {
                'class': 'results',
                html: list.join('')
            }).appendTo('.wrap .items')
        }

$.getJSON（'/it\u it/eni\u nel\u mondo/components/menu/comunicati.json'，函数（数据）{
var列表=[]；
var计数器=0；
$。每个（数据项、功能（i、c）{
计数器++；
列表。推送（“
”）；
如果（计数器！=0&&计数器%3==0）{
$（“
”{
“类”：“结果”，
html:list.join（“”）
}).appendTo（“.wrap.items”）；
列表=[]；
}
});
如果（计数器%3！=0&&list.length>0）{
$（“
”{
“类”：“结果”，
html:list.join（“”）
}).appendTo（“.wrap.items”）
}

我希望这对某人有用。

---

thnx向Aaron Ray回复，我已经看到了最后一个，当我的工作已经完成时。

我个人没有使用过该插件，但是如果您确信您可以使用该插件，我认为问题在于代码的这一部分：

      $('<ul/>', {
        'class': 'results',
        html: list.join('')
      }).appendTo('.wrap .items');

$（“
”{
“类”：“结果”，
html:list.join（“”）
}).appendTo（“.wrap.items”）；

我假设您的列表数组包含所有数据，并且它不是一次只返回3个项目。因此list.join（“”）将把每个项目转储到html中。您必须循环列表并使用模数运算符创建ul。然后将它们附加到容器（可能是您的可滚动项目容器）

var html=“
”；
对于（i=0；i0）{
html+=“
”；
}
html+=“
”+jsonData+”我个人还没有使用过该插件，但是如果您确信自己可以使用该插件，我认为问题在于代码的这一部分：

      $('<ul/>', {
        'class': 'results',
        html: list.join('')
      }).appendTo('.wrap .items');

$（“
”{
“类”：“结果”，
html:list.join（“”）
}).appendTo（“.wrap.items”）；

我假设您的列表数组包含所有数据，并且它不是一次只返回3个项目。因此list.join（“”）将把每个项目转储到html中。您必须循环列表并使用模数运算符创建ul。然后将它们附加到容器（可能是您的可滚动项目容器）

var html=“
”；
对于（i=0；i0）{
html+=“
”；
}
html+=“
”+jsonData+”因此，为了澄清您是否希望在不加载新页面的情况下对ul进行分页，对吗？换句话说，如果您抓取30个项目，您希望在ul中一次显示3个项目，并具有某种下一个/上一个导航，隐藏一个ul并打开下一个ul？对！我已经有一个插件管理uls。我的问题在于解析：它只解析1个ul while我需要在3个项目后关闭它，然后重新打开它..像那样循环是一个自定义插件还是你下载的插件？你不能只创建1个ul，将你所有的li添加到其中，然后相应地隐藏/显示li吗？它不是自定义插件。问题是插件分页uls而不是“x”元素数插件的名称是什么？为了澄清你想在不加载新页面的情况下对ul进行分页，对吗？换句话说，如果你抓取30个项目，你会希望在ul中一次显示3个，并具有某种下一个/上一个导航，隐藏一个ul并打开下一个ul？对！我已经有一个插件管理uls。我的p问题在于解析：它只解析1个ul，而我需要在3个项目后关闭它并重新打开它。像这样循环是一个自定义插件还是你下载的插件？你不能只创建1个ul，将你所有的li添加到其中，然后相应地隐藏/显示li吗？它不是自定义插件。问题是插件没有分页uls元素的“x”号插件的名称是什么？thnx Aaron，我用另一种方式解决了这个问题，我在已经完成的时候看到了。thnx anywaythnx Aaron，我用另一种方式解决了这个问题，我在已经完成的时候看到了。thnx anyway