Подсчет элементов списка в нескольких неупорядоченных списках (ul)

Question

Подсчет элементов списка в нескольких неупорядоченных списках (ul)

0

У меня он работает, но он их подсчитывает по отдельности. Я бы хотел, чтобы он продолжал подсчитывать каждый неупорядоченный список. Мысли? Благодарю!

Например: у меня есть 2 неупорядоченных списка, и я хочу, чтобы он подсчитывал оба, поэтому, если в каждом списке есть 5 элементов, он должен подсчитать до 10 для обоих.

Демо: http://jsfiddle.net/6XfkB/35/

function numberItems() {
    var itemCount = $('#ca-nav-wrap > li.ca-nav-list-group').find(".ca-nav-item-list > ul > li").length;
    var lihtml = "";
    for (var i = 1; i <= itemCount; i++) {
        lihtml += "<li>" + i + "</li>"
    }
    $('.ca-nav-num-list ul').html(lihtml);
}
numberItems();

Smurfman82 10 май 2014, в 01:57

Источник

0

Я обновил свою скрипку, чтобы лучше объяснить проблему.
Smurfman82 09 май 2014, в 23:52

Теги:

jquery

2 ответа

0

Использовать это:

function numberItems() {
    var count = 0;
    $("div.ca-nav-list.ca-nav-list-item > ul").each(function() {
        $("li", $(this)).each(function() {
            count += 1;
            $("div.ca-nav-list.ca-nav-list-num ul", $(this).parent().parent().parent()).append("<li>"+count+"</li>");
        });
        console.log(count);
    });
}
numberItems();

DEMO

Sharikov Vladislav 09 май 2014, в 22:15

0

Спасибо за ответ. Однако я хочу, чтобы он продолжал считать (например, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10) в обоих неупорядоченных списках.
Smurfman82 09 май 2014, в 23:37
0

@ Smurfman82 Обновлено. Это так просто. Почему бы вам не попробовать это самостоятельно ???? : '((((
Sharikov Vladislav 10 май 2014, в 00:06

Ещё вопросы

Я обновил свою скрипку, чтобы лучше объяснить проблему.
Спасибо за ответ. Однако я хочу, чтобы он продолжал считать (например, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10) в обоих неупорядоченных списках.
@ Smurfman82 Обновлено. Это так просто. Почему бы вам не попробовать это самостоятельно ???? : '((((

etoisarobot · Accepted Answer · 2014-05-09T23-11-00.000Z

Я думаю, что это должно сделать трюк.
Он выглядит как в последней строке $('.ca-nav-list-num ul').html(lihtml); вы находите и ul и устанавливаете html тому, что вы только что создали, так как написано, что они всегда будут одинаковыми

function numberItems() {
        var num = 1;
        $("li.ca-nav-list-group").each(function() {
            var itemCount = $(this).find(".ca-nav-list-item > ul > li").length;
            var lihtml = "";
            for (var i = 1; i <= itemCount; i++) {
                lihtml += "<li>" + num + "</li>" 
                num++
            }
            $(this).find('.ca-nav-list-num ul').html(lihtml);
            //$('.ca-nav-list-num ul').html(lihtml);
        });
    }
    numberItems();