Thursday, June 9, 2011

[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) };
 });
其實很簡單(不過少用真的想很久),我在範例上多加了把字改成紅色比較明顯。

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...