jquery - 返回子项数,但不同的父元素

时间:2012-10-08 05:59:52

标签: javascript jquery jquery-plugins jquery-selectors

我有这个问题,来自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返回两个swiper的子元素数时,它会给我一个不正确的值。

例如

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

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

有什么想法吗?

P.S。我正在使用iDangero.us Mobile Swiper插件:)

2 个答案:

答案 0 :(得分:2)

使用

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

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

jsFiddle

上进行测试

答案 1 :(得分:0)

我实际上在这里看不到问题。请检查此jsfiddle link