jQuery - 在多个条件下过滤

Question

我试图建立一个基于多个条件的过滤器，我想结合数据和CSS属性。

例如： 我有多个DIV的数据属性被称为“数据组”，在共享相同数据组值的DIV中，我想定位具有相对定位的DIV。

<div id="a" data-group="1" style="position:fixed"> 
<div id="b" data-group="1" style="position:relative"> 
<div id="c" data-group="1" style="position:fixed"> 
<div id="d" data-group="0" style="position:fixed"> 

我想创建数据组= 1和固定位置的所有DIV的过滤器分组。

当我只有一个条件，我倾向于使用如下：

common = $("div").filter(function() { return $(this).attr("data-group") === 1;   }); 

...但我怎么可以申请第二个条件？

谢谢！

洛朗

Answer 1

过滤fixed：

common = $("div").filter(function() { 
    return $(this).attr("data-group") === 1 && $(this).css('position') === 'fixed'; 
}); 

过滤relative：

common = $("div").filter(function() { 
    return $(this).attr("data-group") === 1 && $(this).css('position') === 'relative'; 
}); 

Answer 2

你可以做到这一点类似于你现在正在做的方式：

common = $("div").filter(function() { 
    return $(this).attr("data-group") == 1 && this.style.position == 'fixed' ; 
}); 

或用一行代码：

common = $('div[data-group="1"][style="position:fixed"]');