n번째 자식 선택기가 그리드 레이아웃의 숨겨진 요소를 무시하도록 만드는 방법은 무엇입니까?

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