如何查找jQuery选择器（使用：contains）结果集的补码

Question

What is the best way to get the complement of a jQuery selector's result set? I want to do something like the following:

jQuery(this).find("div:contains('someValue')").show();

But I want the complement of this selection hidden:

jQuery(this).find("div:not(:contains('someValue'))").hide();

Is there a more elegant solution to this than just executing the complementary selector? An alternative I can see is finding all divs first, storing the result, and filter this:

var results = jQuery(this).find("div");
results.find(":contains('someValue')").show();
results.find(":not(:contains('someValue'))").hide();

But that doesn't seem that much better. Any ideas?

Answer 1

var results = jQuery(this).find("div"),
    selector = ":contains('someValue')";

results.filter(selector).show();
results.not(selector).hide();

as @Simon mentioned in the comments there is a way to improve this particular solution:

var results = jQuery("div", this),
    selector = ":contains('someValue')";

results.filter(selector).show();
results.not(selector).hide();

Answer 2

Well, I think your code is fairly good, but another option could be running this single statement:

jQuery(this).find("div").each(
    function() {
        var me = $(this);
        var f = me.is(":contains('someValue')") ? "show" : "hide";
        me[f]();
    }
);

Answer 3

Try like this,

jQuery(this).find("div").hide();
jQuery(this).find("div:contains('someValue')").show();

Answer 4

/** $.grepl 
*   uses a regular expression for text matching within an internal $.grep.
*/

$.extend({ 
 "grepl": function(el, exp){ 
  exp=new RegExp(exp,'gi'); // create RegExp
  return $( 
   this.grep( el, function(n,i){ // run internal grep
    return el[i].textContent.match(exp) != null; // match RegExp against textContent
   })
  );
 }
});

$.grepl( $('div'), '^.*someRegexp.*$' ).css('display','none'); // usage of the function

I know that this does not exactly use the ":contains" expression, but the result should be the same.