[JS] jQuery check next element exist

之前發現頁面上有個需求，需要去確認指定DIV後的元素是否存在，不在的話就將那個DIV隱藏掉，jQuery很少用所以搞了半天才想到要怎麼做，其實也就很簡單，於是記下來為健忘的自己當筆記。

狀況是這樣的，有若干的DIV。

<div class="a">div a1</div>

<div class="b">div b1</div>

<div class="a">div a2</div>

<div class="a">div a3</div>

<div class="b">div b2</div>

我要對所有的div.a做檢查，若是div.a後面沒有接著div.b的話，我就要將這個div.a隱藏掉，可以按下面的按鈕測試


語法如下

$('div.a').each(function () {
 if (!$(this).next('.b').length) { $(this).css('color','red').hide(1000) };
 });

其實很簡單(不過少用真的想很久)，我在範例上多加了把字改成紅色比較明顯。