Jquery计算2个元素之间的项目

Question

我有这样的HTML树

<div class="container">
    <h1>title</h1>
    <div class="item">1</div>
    <div class="item">2</div>
    <h1>title</h1>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
    <div class="item">7</div>
    <h1>title</h1>
    <div class="item">8</div>
    <div class="item">9</div>
    <div class="item">10</div>
</div>

我有一个点击功能,每次选择div类项目中的图像时都会运行,无论如何我可以计算一个项目类别的div的数量是彼此相邻的.

也就是说,如果我在上面的示例中单击"1",它将返回2,因为在h1之前有2个div,如果我点击第7项,它将返回5等

那可能吗？

谢谢

Answer 1

这对你有用:

$('.item').on('click',function(){
    var h1 = $(this);
    while(!h1.is('h1')) h1 = h1.prev();
    alert(h1.nextUntil('h1').length);
});

DEMO