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

Question

我将如何使用 JavaScript 找到它：

假设我有这个 HTML：

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

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

我该怎么做？

Answer 1

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

假设element1是 adiv并且element2是 a 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;
    }
}

js小提琴。

Answer 2

使用 jQuery 很容易：

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

见http://api.jquery.com/category/traversing/