查找使用JavaScript

Question

在HTML元素的數量和位置，發現了這一點：

說我有這樣的HTML：

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

我想，如果有檢測我的「element1」元素之後有2個「element2」元素。而且，它們並不總是彼此相鄰。

我該怎麼做？

Answer 1

我想檢測我的element1元素後面是否有2個「element2」元素。而且，它們並不總是彼此相鄰。

假設部件1是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/