javascript - $.grep 过滤器包含

Question

我正在尝试使用 grep 过滤数组以应用 CSS。我的代码如下。

var depos = $('.panel-default > .panel-heading');
var chkd = ['ABC','XYZ'];
var found_p = $.grep(depos, function(v) {
    return jQuery.inArray(v.innerText,chkd);
});

第一个问题是 found_p 没有从 chkd 中过滤所需的数组值。过滤之后，如何应用CSS呢？我尝试了如下但失败了

$(found_p[0]).css('background-color', 'red');

任何人都可以帮我解决这个问题吗？

Answer 1

假设您正在尝试查找 innerText 与 chkd 数组中的值匹配的元素，您可以使用 filter( ) 方法。试试这个:

var $depos = $('.panel-default > .panel-heading');
var chkd = ['ABC','XYZ'];
var $found_p = $depos.filter(function() {
    return $.inArray($(this).text(), chkd) != -1;
});

$found_p 变量将保存一个包含所有匹配元素的 jQuery 对象。您可以像这样对它们应用 CSS:

$found_p.css('background-color', 'red');

Example fiddle

但是，我建议使用 CSS 类而不是添加内联样式，因为这是更好的做法。