jQuery: Verwenden Sie filter(), aber arbeiten Sie mit beiden Ergebnissen

Question

In jQuery, filter() reduziert Ihr Ergebnis auf diejenigen Elemente, die eine bestimmte Bedingung erfüllen.

Dies teilt die Liste in zwei Teile. Arbeiten mit dem „Gut die Hälfte“ der Elemente ist einfach:

$("some selector").filter(function() { 
    // determine result... 
    return result; 
}).each(/* do something */); 

Aber wie kann ich mit der „anderen Hälfte“ Arbeit meiner Elemente, auch - aber ohne das Äquivalent von zu tun dies:

$("some selector").filter(function() { 
    // determine result... 
    return !result; 
}).each(/* do something else */); 

Grundsätzlich möchte ich zwei separate /* do something */ Teile zu einem einzigen Filter füttern. Eine für die, die übereinstimmen und eine für die anderen - ohne zweimal filtern zu müssen. Fehle ich eine jQuery-Funktion, die das tut?

---

P. S .: Ich denke, was ich tun konnte:

$("some selector").each(function() { 
    // determine result... 
    if (result) 
    /* do something */ 
    else 
    /* do something else */ 
}); 

Aber ich war etwas schöner zu hoffen.

Answer 1

Das Verfahren von Kobi in Plugin Form empfohlen:

$.fn.invert = function() { 
    return this.end().not(this); 
}; 

$('.foo').filter(':visible').hide().invert().show(); 

Beachten Sie, dass invert() kein neues Element auf dem Stapel jQuery hinzufügen, aber die letzte ersetzen:

$('.foo').filter(':visible').invert().end(); // this will yield $('.foo'), not $('.foo:visible') 

Edit: auf Tomalaks Vorschlag geändert prevObject zu end().

Answer 2

Interessante Frage. Ich sehe, Sie lehnen sich auf das, was ich vorschlagen würde:

$("some selector").each(function() { 
    if ($(this).is(SOMEFILTER)) { 
    // do something 
    } else { 
    // do something 
    } 
    // continue with things that apply to everything 
}); 

Answer 3

Sie könnten versuchen, Ihre Hand auf ein jQuery-Plugin zu schreiben, dies zu tun. Überprüfen Sie den Code der Filter Funktion, und kommen Sie mit etwas, das genauer was Sie wollen. Es könnte so etwas wie sein:

$("some selector").processList(predicate, successCallback, failureCallback); 

Dann sind Sie in drei Rückrufe passieren würde: eine, die ein Objekt auswertet, um zu sehen, ob es die Filterauswahl passt (Sie können auch einen Selektor-String oder dergleichen annehmen könnte); eine, die Objekte behandelt, die mit der Auswahl übereinstimmen, und eine, die Objekte behandelt, die nicht übereinstimmen.

Answer 4

Ich weiß nicht, ob dies irgendwelche schöner, aber filter() verwenden Sie so etwas wie tun könnte:

var $others = $(); 

var $filtered = $('div').filter(function() { 
    if(! your filter test) { 
     $others.push(this); 
    } else { 
     return true; 
    } 
}); 

alert($others.length); 
alert($filtered.length); 

EDIT:

Zuerst versuchte ich es mit einem leeren jQuery Satz beginnen $(), und dann mit add(), um es mit den Nicht-Filter-Ergebnissen zu füllen, konnte es aber nicht funktionieren.

EDIT:

aktualisiert Push-to verwenden, um direkt auf ein leeres Objekt jQuery wie Tomalak vorgeschlagen.

Answer 5

Normalerweise verwende ich not dafür - es kann eine Reihe von Elementen nehmen und sie aus der Auswahl entfernen, Sie mit dem Komplement zu verlassen:

var all = $("some selector"); 
var filtered = all.filter(function() { 
    // determine result... 
    return result; 
}); 
var others = all.not(filtered); 

Answer 6

$.fn.if = function(cond, ontrue, onfalse) { 
    this.each(function() { 
    if (cond.apply(this)) ontrue.apply(this); 
    else onfalse.apply(this); 
    }); 
}; 

$('some selector').if(function() { 
    // determine result 
}, function() { 
    // do something 
}, function() { 
    // do something else 
}); 

ich nicht sicher bin, ist viel mehr lesbar, als wenn man jedes Mal manuell ein if eingibt.