找到具有特定类的“nextes”div

时间:2012-09-17 17:09:47

标签: jquery

您好我想选择具有特定课程的dom中的下一个div。

用这个:

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

我想在comW div之后选择div.comWF,但在comWF之前和comW之后可能会有一些其他的div

有什么想法吗?

由于

3 个答案:

答案 0 :(得分:1)

您可以使用nextAll:first选择器:

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

http://jsfiddle.net/zdZmn/

答案 1 :(得分:1)

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

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

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

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

答案 2 :(得分:1)

嗯..长时间使用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;
    }
}