Question

I have this issue where .length from the jquery syntax does not return me the proper number of child elements.

My code is smtg like this.

<div class="swiper-container swiper1">
    <div class="swiper-wrapper">
        <div class="swiper-slide">item1</div>
        <div class="swiper-slide">item2</div>
        ...
        <div class="swiper-slide">
            <div class="swiper-container swiper-v">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">item1</div>
                    <div class="swiper-slide">item2</div>
                </div>
            </div>
        </div>
    </div>
</div>

Now what happens here is that when I use jquery to return the number of child elements of both swiper it gives me an incorrect value.

For example

alert($('.swiper1 .swiper-slide').length); // which returns me 11

and

alert($('.swiper-v .swiper-slide').length); // which return me 2 - which is correct

Any idea?

P.S. I’m using the iDangero.us Mobile Swiper Plugin 🙂

Answer 1

Use

$('.swiper1 > .swiper-wrapper').children().length;

and

$('.swiper-v > .swiper-wrapper').children().length;

Test on jsFiddle