JSFiddle - React, Tailwind, and code Playground

by johnkpaul

HTML

<ul>
  <div class="test"></div>
  <li id="foo1">foo</li>
  <li id="bar1" class="test">bar</li>
  <li id="baz1">baz</li>
  <div class="test"></div>
</ul>
<div id="last"></div>

JavaScript

var $foo = $('li');
var $baz = $('#baz1');

console.log('Index: ' + $foo.index($baz)); // 2

var $tests = $(".test");
var $bar = $("#bar1");

// implicitly calls .first() on the argument
console.log('Index: ' + $tests.index($bar)); // 1

console.log('Index: ' + $tests.index($bar.first())); // 1