javascript - 使用 jQuery 遍历 DIV

Question

我有一组 div，结构如下:

<div id="team">

        <div class="member">
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
        </div>

        <div class="member">
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
        </div>      

        <div class="member">
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
        </div>      

        <div class="member">
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
        </div>  

    </div>

我想使用 jQuery 遍历每个 div 并添加一个类 floatLeft(如果它是偶数 div)和 floatRight(如果它是奇数)。我尝试使用以下代码来实现，但它向所有 div 添加了 floatLeft 和 floatRight...

var $el,i,$selectedDivs,count;

    $selectedDivs = $('#team > div');
    count = $selectedDivs.length;

    $selectedDivs.each(function() {
        $el = $(this);

        for (i=0; i<=count; i++) {
            if (i % 2 == 0) {
                $el.addClass('floatLeft');
            }
            else {
                $el.addClass('floatRight');
            }
        }
    });

我猜这是因为 .each() 函数...我的问题是这样的。由于 $selectedDivs 不是数组，我如何使用 for 循环而不是 .each() 函数遍历每个 div？我特意想以这种方式使用它，而不是 jQuery 的 .odd() 和 :odd 功能...

谢谢!阿米特

Answer 1

您应该使用 for 循环或 each，但不能同时使用。

在for 循环中，您可以编写$selectedDivs.eq(i).addClass。