JSFiddle - React, Tailwind, and code Playground

by alexandroppolus

HTML

<ul>
    <li class="slonik">1</li>
    <li class="begemotik">2</li>
    <li class="begemotik">3</li>
    <li class="begemotik">4</li>
    <li class="slonik">5</li>
    <li class="slonik">6</li>
    <li class="slonik">7</li>
    <li class="begemotik">8</li>
    <li class="begemotik">9</li>
</ul>

JavaScript

$('.begemotik').click(function(){
	var $this = $(this);
  var group = $this
  	.prevUntil(':not(.begemotik)')
    .add($this.nextUntil(':not(.begemotik)'));
    
  alert(group.map(function(){ return this.textContent; }).join(', '));
});