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;
    }
}