找到具有特定類別的「nextes」div

Question

嗨，我想選擇具有特定類別的dom中的下一個div。

與此：

<div class="comW"></div> 
..... 
Some divs 
..... 
<div class="comWF"></div> 

我想comW格後，選擇div.comWF但它可能comWF之前和comW

任何想法後，有一些其他分區？

感謝

Answer 1

您可以使用nextAll和:first選擇：

$('.comW').nextAll('.comWF:first') 

http://jsfiddle.net/zdZmn/

Answer 2

您需要使用jQuery.nextAll()specs here

$('.comW').nextAll('.comWF'); 

如果你有很多.comWF divs你也可以使用

$('.comW').nextAll('.comWF:first-child'); 

Answer 3

嗯..長時間使用jQuery讓我生鏽：P。我找到解決的辦法是把父DIV和迭代搜索該電源線類

HTML

<div id="parent"> 
    <div class="comW"></div> 
    <div class="comWF"></div> 
</div> 

JS，如果沒有檢查

var parent = document.getElementsById('parent').children, 
    e, i, j; 

// or get the parent by classname 
// document.getElementsByClassName('parent')[0].children, 

for (i = 0, j = parent.length; i < j; i += 1) { 
    e = parent[i]; 
    if ('comWF' === e.className) { 
     // ... action 
     break; 
    } 
}