jquery - 特定のクラスを持つ "nextes" div を見つけます

Question

こんにちは、特定のクラスを持つ dom の次の div を選択したいと思います。

これとともに ：

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

comW div の後に div.comWF を選択したいのですが、comWF の前と comW の後に別の div がある可能性があります。

何か案が？

ありがとう

Answer 1

セレクターnextAllを使用できます：:first

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

http://jsfiddle.net/zdZmn/

Answer 2

ここで仕様を使用する必要がありますjQuery.nextAll()

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

多くの.comWFdivがある場合は、使用することもできます

 $('.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;
    }
}