jQuery: sử dụng bộ lọc(), nhưng làm việc với cả hai kết quả

Question

Trong jQuery, filter() làm giảm kết quả của bạn với những yếu tố đáp ứng một điều kiện nhất định.

Việc này chia danh sách thành hai phần. Làm việc với "một nửa tốt" trong những yếu tố rất dễ dàng:

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

Nhưng làm thế nào tôi có thể làm việc với "nửa kia" của các yếu tố của tôi, quá - nhưng mà không làm tương đương với này:

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

Về cơ bản, tôi muốn cho hai phần riêng biệt /* do something */ vào một bộ lọc. Một cho những người phù hợp, và một cho những người khác - mà không cần phải lọc hai lần. Tôi có thiếu chức năng jQuery không?

---

P.S .: Tôi đoán tôi có thể làm:

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

Nhưng tôi đã hy vọng cho một cái gì đó đẹp hơn.

Answer 1

Phương pháp khuyến cáo của Kobi ở dạng plugin:

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

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

Lưu ý rằng invert() sẽ không thêm một yếu tố mới để ngăn xếp jQuery nhưng thay thế mới nhất:

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

Edit: đã thay đổi prevObject thành end() theo đề xuất của Tomalak.

Answer 2

Câu hỏi thú vị. Tôi thấy bạn đang nghiêng về phía những gì tôi định đề xuất:

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

Answer 3

Bạn có thể thử viết một plugin jQuery để thực hiện việc này. Kiểm tra mã của bộ lọc chức năng và tìm ra thứ gì đó chính xác hơn những gì bạn muốn. Nó có thể là một cái gì đó như:

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

Sau đó, bạn sẽ vượt qua trong ba callbacks: một đánh giá một đối tượng để xem nếu nó phù hợp với lựa chọn lọc (bạn cũng có thể chấp nhận một chuỗi selector, hoặc tương tự); một trong đó xử lý các đối tượng phù hợp với lựa chọn và một đối tượng khác xử lý các đối tượng không khớp.

Answer 4

Tôi không biết nếu điều này là bất kỳ đẹp hơn, nhưng sử dụng filter() bạn có thể làm một cái gì đó như:

var $others = $(); 

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

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

EDIT:

Lúc đầu, tôi đã thử nó bắt đầu với một bộ jQuery trống $(), và sau đó sử dụng add() để điền nó với kết quả không lọc, nhưng không thể làm cho nó hoạt động.

EDIT:

cập nhật để sử dụng push trực tiếp trên một đối tượng jQuery trống theo đề nghị của Tomalak.

Answer 5

Tôi thường sử dụng not cho điều này - nó có thể mất một mảng các phần tử và loại bỏ chúng khỏi lựa chọn của bạn, để lại cho bạn sự bổ sung:

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

Tôi không chắc nó là nhiều hơn nữa có thể đọc được hơn là đặt một bên trong mỗi một cách thủ công, mặc dù.