div not contains any string from an Array - Jquery

Question

I want to check if a div not contains string from an array. lets say the array is:

var vals = ["a","b","c"]

I want to hide all the divs that don't contain any of these strings.

Answer 1

        <script type="text/javascript">
          var vals = ["a","b","c"];
           $("div").hide();
          $(document).ready(function () {
             for (index = 0; index < vals.length; ++index) {    
                $("div").hide();     
                $("div p:contains(vals[index])").parent('div').show();
             }   
          });
        </script>

Answer 2

DEMO http://jsfiddle.net/GS8QD/5/

var vals = ["a", "b", "c"];
var $divs = $('.container div');
$divs.each(function () {
    var $currDiv = $(this);
    $.each(vals, function (index, value) {
        if ($currDiv.is(':contains(' + value + ')') && $currDiv.is(":visible")) {
            $currDiv.hide();
        }
    });
});

Explanation: Loop through each div from the collection of divs & inside the loop have another loop which loops through each value in the array. Now check if the div contains the value & then hide it.

Answer 3

If you want only the divs to show that contain a, b or c you can do this -

var vals = ["a", "b", "c"];

$('div:not(:contains('+vals[0]+'),:contains('+vals[1]+'),:contains('+vals[2]+'))').hide();

http://jsfiddle.net/jayblanchard/9SJ2h/