从一组元素中获取隐藏的元素

时间:2016-09-10 21:36:39

标签: javascript jquery

我有一个过滤器,它返回必须显示的产品。我将这些元素存储在一个变量中。

enter image description here

此变量的

console.log类似于上面。现在返回的set元素包含一些样式为display="none"的元素。我想选择那些display='none',并准确显示两个选定的。

元素的DOM结构将是这样的

<body>
<ul class="products">
<li class="product" data-company="something" data-flavour="something"></li>
<li class="product" data-company="something" data-flavour="something"></li>
.
.
.
.

<li class="product" data-company="something" data-flavour="something"></li>
</ul>
</body>

我怎样才能用jquery / Javascript实现这个目标?

1 个答案:

答案 0 :(得分:2)

您是否将节点存储在数组中?这就是我的样子,如果是这样,你可以做这样的事情。

nodes.filter((node) => node.style.display === 'none')

或者如果您不能使用箭头语法:

nodes.filter(function (node) { return node.style.display === 'none' })