JSFiddle - React, Tailwind, and code Playground

by aka_SKIff

HTML

<ul>
<li class="foo">1f</li>
<li class="foo bar">2fb</li>
<li class="foo">3f</li>
<li class="foo bar">4fb</li>
<li class="foo">5f</li>
<li class="foo bar">6fb</li>
<li class="foo">7f</li></ul>

JavaScript

$('li').on('click', function(){
    var $list = $('li:not(.bar)');
    var idx = $list.index($(this));
    if (idx !== -1){
        alert(idx);
    }
})