Почему выдаёт length только из последнего набора?

Question

[Максим js]

$(document).ready(function () {
    const quantityItem = $('.category2-content-body__items');
    quantityItem.each(function () {
        const item = $(this).children();
        $('.category2-accordion__title--js').html(item.length);
        console.log(item);
        console.log(item.length);
    });
});
вот что в консоле

jQuery.fn.init(6) [div.category2-content-item, div.category2-content-item, ....
 6
jQuery.fn.init(11) [div.category2-content-item, div.category2-content-item, ...
 11
jQuery.fn.init(6) [div.category2-content-item, div.category2-content-item, ...
 6
jQuery.fn.init(8) [div.category2-content-item, div.category2-content-item, ...
 8

в каждом title должен выводиться свой length, но выводит везде 8(последнего)

Answer 1

[westy]

Если title лежит внутри item:

$(document).ready(function () {
    const quantityItem = $('.category2-content-body__items');
    quantityItem.each(function () {
        const item = $(this).children();
        $(this).find('.category2-accordion__title--js').html(item.length);
        console.log(item);
        console.log(item.length);
    });
});

Comments

[Максим js]

а какая разница где лежит title?

[Максим js]

вывод в title происходит, но выводит
title = '8'
title = '8'
title = '8'
title = '8' ,
а должно быть
title = '6'
title = '11'
title = '6'
title = '8'

[y0u]

Максим js, очевидно, что большая. В вашем коде вы всем блокам с классом category2-accordion__title--js ставите одинаковые значения.

[Максим js]

y0u, title лежит на 2 уровня выше и на 2 внутрь

$(document).ready(function () {
    const quantityItem = $('.category2-content-body__items');
    quantityItem.each(function () {
        const item = $(this).children();
        $(this).parents().find('.category2-accordion__title--js').html(item.length);
        console.log(item);
        console.log(item.length);
    });
});

добрался до него таким образом и все равно выводит в каждый одинаковое значение 8

[westy]

В этом случае вам циклом надо обходить общего родителя для уникального title и item

$(document).ready(function () {
    let items = $('.selector_parent');
    items.each(function () {
        let item = $(this).find('.category2-content-body__items').children();
        $(this).find('.category2-accordion__title--js').html(item.length);
    });
});