使用JavaScript查找HTML中元素的数量和位置

Question

我如何使用JavaScript找到它：

说我有这个HTML：

<element1></element1>
<element2></element2>
<element2></element2>

我想检测我的“element1”元素后面是否有2个“element2”元素。而且，它们并不总是彼此相邻。

我该怎么做？

Answer 1

  

我想检测我的element1元素后面是否有2个“element2”元素。而且，它们并不总是彼此相邻。

假设 element1 是div而 element2 是span ......

var element = document.getElementsByTagName('div')[0],
    spanCount = 0;

while (element = element.nextSibling) {
    if (element.tagName == 'SPAN') {
        spanCount++;
    }

    if (spanCount == 2) {
        alert('There are 2 spans following!');
        break;
    }
}

jsFiddle

Answer 2

使用jQuery轻松：

 $('element1').nextAll('element2').size()

请参阅http://api.jquery.com/category/traversing/