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

时间:2011-08-10 01:21:36

标签: javascript zepto

我如何使用JavaScript找到它:

说我有这个HTML:

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

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

我该怎么做?

2 个答案:

答案 0 :(得分:2)

  

我想检测我的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

答案 1 :(得分:1)

使用jQuery轻松:

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

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