nth-Child セレクターがグリッド レイアウトの非表示要素を無視するようにするにはどうすればよいですか?

n 番目の子セレクターで非表示の DIV をスキップします

問題:

n 番目の子セレクターを使用する場合- グリッド レイアウト内の要素をスタイル設定するための子セレクター。非表示の要素は依然として兄弟としてカウントされ、目的のスタイルが中断されます。

純粋な CSS ソリューション (不可能):

n 番目の子セレクターは、可視性に関係なくすべての兄弟を考慮するため、CSS のみを使用して非表示の要素を無視することはできません。

jQuery ソリューション:

この問題を解決するには、jQuery を使用して DOM から非表示要素を削除し、n 番目の子セレクターのカウントから事実上「除外」できます。変更されたコードは次のとおりです:

<br>var divs;</p>
<p>$('.photos-board-item').each(function(i){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$(this).data('initial-index', i);