JavaScriptの項目が奇数の場合、グリッドの最後の項目をターゲットにしたい

Question

私は実際に自分のオンラインポートフォリオのグリッドシステムでWPテーマを構築しようとしています。奇数のアイテムがある場合、グリッドの最後のアイテムをターゲットにする方法を誰かが知っていますか？私は場合にのみ、最後の子を対象としたいあなたは答えを知っていれば

<section class="grid"> 
    <div class="item" style="background: url('img/1.png') center center no-repeat; background-size: cover;"></div> 
    <div class="item" style="background: url('img/2.png') center center no-repeat; background-size: cover;"></div> 
    <div class="item" style="background: url('img/4.png') center center no-repeat; background-size: cover;"></div> 
    <div class="item" style="background: url('img/3.png') center center no-repeat; background-size: cover;"></div> 
</section> 

私を助けてくれてありがとう、私に知らせてください...空白スペースがないので、私は最後の1つの全幅を作ることができると思いました私は3,5,7のようなプロジェクトしか持っていません。

Answer 1

CSSの方法では、グリッド項目を親ラッパーにラップしてから、最後の子項目をターゲットにするように:last-child psuedo-selectorを指定することができます（奇数または偶数にかかわらず）。 JavaScriptが

#wrap div:nth-child(2n+1):last-child { 
    ... 
} 

を、ちょうどdocument.querySelector()にセレクタとしてそれを使用します。

Answer 2

これは動作するようです。

Answer 3

私は私はあなたが何をしようとして理解し、完全にわからないんだけど、あなたは配列の要素の奇数をしたかどうかを発見する...

if ((a.length & 1) == 1) 
{ 
    // set width to 100% 
}