JSON добавляет каждые четыре значения к элементу (каждое и итерации)

Question

JSON добавляет каждые четыре значения к элементу (каждое и итерации)

0

В настоящее время я добавляю данные из файла JSON к элементу на моем сайте, но мне нужно, чтобы он работал в итерациях каждые четыре. Таким образом, для каждого добавляемого элемента он захватывает четыре значения, затем следующие четыре и так далее.

Это то, что у меня есть до сих пор:

$.getJSON('works/api', function(r) {

    var x = 0;
    $.each(r.data, function(i, work) {
        x++;
        $('.each-works-caption ul').each(function() {
            $(this).append('<li>'+ x + '. ' + work.title + '<br/><span>' + work.description + '</span></li>');
        });
    });

});

Который выводит ВСЕ значения work.title и work.description для каждого JSON-данных, на каждом .each-works-caption ul но мне нужно, чтобы он работал в четыре .each-works-caption ul поэтому на первом .each-works-caption ul он добавляет первые четыре значения (или строки), а затем во второй .each-works-caption ul добавляет два четвертых значения (или строки) и так далее.

Надеюсь, это имеет смысл, и я понимаю это немного конкретным, поэтому я заранее извиняюсь.

-R

John the Painter 21 март 2014, в 02:50

Источник

Теги:

javascript

jquery

json

1 ответ

Ещё вопросы

adeneo · Accepted Answer · 2014-03-20T23-35-00.000Z

$.getJSON('works/api', function(r) {
    $.each(r.data, function(i, work) {
        $('.each-works-caption ul:eq('+Math.floor(i/4)+')').append(
            $('<li />', {html: i + '. ' + work.title +  '<br/>'}).append(
                $('<span />', {text: work.description})
             )
        )
    });
});

FIDDLE

Я хотел попросить ... сделать этот ответ полностью перспективным ... что произойдет, если есть только два