2016-09-10 9 views
0

表示する必要がある製品を返すフィルタがあります。これらの要素を変数に格納します。この変数の要素のセットから隠し要素を取得

enter image description here

console.log above.Nowザ・スタイルdisplay="none"でそれらのいくつかを含むセットの要素を返したようなものになるだろう。私はdisplay='none'でそれらを選択し、選択されたもののちょうど2つを表示したいと思います。要素の

DOM構造がどのように私はjQueryの/ JavaScriptでこれを実現することができ、この

<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> 

のようなものでしょうか?

+2

は[MCVE]すでにJS/jQのを試みたものの投稿してください。 – zer00ne

答えて

2

ノードをアレイに格納していますか?それは私のように見えますが、そうであればこのようなことをすることができます。

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

か、矢印構文を使用できない場合:

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

私はいくつかのjsのフィドルか何かを見せることができればそれを感謝します:) –

+0

私は本当にそのようなフィドルに行くだろうが、私の例を使用する場合は、 'ノード'それらのDOM要素 – Matt

+0

未定義のプロパティ 'display'を読み取ることができません。何か不足していますか? –