jQuery：使用过滤器（），但同时使用两个结果

Question

在 jQuery 中，filter() 将您的结果缩减为满足特定条件的那些元素。

这会将列表分成两部分。使用“好的一半”元素很容易：

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

但是我如何也可以使用我的“另一半”元素 - 但不做 this 的等价物：

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

基本上，我想将两个单独的 /* do something */ 部分提供给单个过滤器。一个用于匹配的，另一个用于其他的 - 无需过滤两次。我是否缺少执行此操作的 jQuery 函数？

---

P.S.：我想我可以做到：

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

但我希望有更好的东西。

Answer 1

Kobi 推荐的插件形式的方法：

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

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

注意invert()不会向jQuery栈中添加新元素而是替换最后一个：

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

编辑：根据 Tomalak 的建议将 prevObject 更改为 end()。

Answer 2

我不知道这是否更好，但使用 filter() 您可以执行以下操作：

var $others = $();

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

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

编辑：

起初我尝试从一个空的 jQuery 集 $() 开始，然后使用 add() 用非过滤结果填充它，但无法使其工作。

编辑：

更新为按照 Tomalak 的建议直接在空的 jQuery 对象上使用 push。

Answer 3

$.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
});

不过，我不确定它是否比手动将 if 放入 each 中更具可读性。

Answer 4

我通常为此使用not - 它可以获取一组元素并将它们从您的选择中删除，留下补码：

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

Answer 5

您可以尝试编写一个 jQuery 插件来执行此操作。查看 filter 函数的代码，并想出一些更精确地满足你想要的东西。可能是这样的：

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

然后您将传入三个回调：一个评估对象以查看它是否与过滤器选择匹配（您也可以接受选择器字符串等）；一个处理匹配选择​​的对象，另一个处理不匹配的对象。

Answer 6

有趣的问题。我看到你倾向于我的建议：

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