檢查是否div包含從數組

Question

我有一個隱藏的最接近TR這個基本代碼文本是否包含.foo包含字符串：

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

但時間已經到了，「嗒嗒」不是唯一的字符串我需要檢查，我知道我現在需要使用一個數組，但不知道如何。

我把胡亂猜測，並試圖：

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