javascript - '.active' 元素为 ':even' 时元素的移位顺序(JQuery)

Question

如果某种类型的“偶数”元素是“.active”，如何编写 JQuery 代码来改变元素的顺序？我想在事件元素之前移动下一个(奇数)元素。 我可能应该使用 .index() 和 .detach() 方法……

示例语法 http://jsfiddle.net/Tymek/M6qFM/

<div id="wrap">
    <div class="element">1. Pierwszy</div>
    <div class="element">2. Drugi</div>
    <div class="element">3. Trzeci</div>
    <div class="element active">4. Czwarty</div> <!-- 4 is even -->
    <div class="element">5. Piąty</div> <!-- then move this up -->
    <div class="element">6. Szósty</div>
    <div class="element">7. Siódmy</div>
</div>

Answer 1

您可以选择性地检查奇数索引项是否具有事件类，然后将以下项移动到奇数索引项之前。

// For each of the odd index elements
$('.element').filter(':odd').each(function(index, element) {
    // If the element has the active class
    if ($(element).hasClass('active')) {
        // Get the next element and move it before the active element
        $(element).next().insertBefore($(element));
    }
});

DEMO