我想測試一個特定的div后面是否有另一個div，使用。jQuery中的next()。如果它后面有另一個div，那么我想調(diào)整一些CSS。

我目前正在檢查。next() div，如果它不是未定義的，那么繼續(xù)CSS的變化，但我不認為這是一個非常可靠的方法。

var hasNext = $('.slide.active').next().attr('class'); // check the class of the "next" element

if(hasNext !== 'undefined'){
   // There is another slide! Add some arrows
   $('.portfolio .fp-controlArrow.fp-next').css('display','block');
}

首先，這不起作用(盡管console.log顯示hasNext = undefined，上面的if語句通過。

其次，我知道這是一種笨拙的做事方式。

那么你會怎么做呢？本質(zhì)上:

if (slide with class `active` has a NEXT sibling){
    do this css
}

只需檢查由。next()，如果沒有下一個兄弟，它將是0

var hasNext = $('.slide.active').next().length; // check the class of the "next" element

if (hasNext) {//check for truthyness
    // There is another slide! Add some arrows
    $('.portfolio .fp-controlArrow.fp-next').css('display', 'block');
}

應(yīng)該是:

if (typeof hasNext !== 'undefined')