Найти количество и положение элементов в HTML с помощью JavaScript

Question

Как бы я, используя JavaScript, выяснил это:

Скажем, у меня есть этот HTML:

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

Я хотел бы определить, есть ли после моего элемента 2 элемента element2элемент "element1".Кроме того, они не всегда рядом друг с другом.

Как бы я это сделал?

Answer 1

Я хотел бы определить, есть ли 2 элемента "element2" после моего элемента element1.Кроме того, они не всегда находятся рядом друг с другом.

Предполагая, что 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/