javascript - jquery - 返回子元素的数量，但对于不同的父元素

Question

我有一个问题，jquery 语法中的 .length 没有返回正确数量的子元素。

我的代码是这样的 smtg。

<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>

现在这里发生的是，当我使用 jquery 返回两个滑动器的子元素数量时，它给我一个不正确的值。

例如

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

和

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

有什么想法吗？

附言我正在使用 iDangero.us Mobile Swiper 插件 :)

Answer 1

使用

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

和

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

测试jsFiddle