JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

HTML

<div class="container">
     <h1>title3</h1>

    <div class="item">1</div>
    <div class="item">2</div>
     <h1>title2</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>title1</h1>

    <div class="item">8</div>
    <div class="item">9</div>
    <div class="item">10</div>
    
    
         <h1>title10</h1>

    <div class="item">8</div>
    <div class="item">9</div>
    <div class="item">10</div>
        <div class="item">10</div>
</div>

JavaScript

$('.item').click(function () {
        alert($(this).prevAll('h1').first().nextUntil('h1').length);
     
});