проверить, если DIV содержит текст из массива

Question

у меня есть этот базовый код, который скрывает ближайший тр если .foo содержит строку:

$('.foo:contains("blah")').each(function() { 
    $(this).closest('tr').hide(); 
}); 

, но пришло время, что «мля» не единственная строка I нужно проверить, я понимаю, что теперь мне нужно использовать массив, но не знаю, как это сделать.

Я взял дикое предположение и попробовал:

var arr = ['blah', 'foo', 'bar']; 

$('.foo:contains("+arr[]+")').each(function() { 
     $(this).closest('tr').hide(); 
    }); 

, но безрезультатно.

Answer 1

Вы близки, однако вам нужно также перебрать свой массив, чтобы проверить каждое значение.

var arr = ['blah', 'foo', 'bar']; 

var i=0; 
for (; i<arr.length; i++) { 
    $(".foo:contains('"+arr[i]+"')").each(function() { 
     $(this).closest("tr").hide(); 
    }); 
} 

Answer 2

Что-то вроде этого должно работать (хотя, вероятно, есть намного лучшие способы сделать это).

var arr = ["John", "Jane", "Mike", "Ted"]; 
arr.forEach(function(val){ 
    $(".foo:contains('" + val + "')").each(function(){ 
     $(this).closest('tr').hide(); 
    }); 
}); 

Answer 3

var arr = ['blah', 'foo', 'bar']; 

$('.foo').each(function() { 
    if($.inArray($(this).text(),arr)!==-1) { 
     $(this).closest('tr').hide(); 
    } 
    }); 

https://api.jquery.com/jQuery.inArray/

Или, с фильтром(): http://api.jquery.com/filter/

$(".foo") 
    .filter(function() { 
    return $.inArray($(this).text(),arr)!==-1; 
    }).closest('tr').hide();