JSFiddle - React, Tailwind, and code Playground

by ilazarte

HTML

<table>
<tr>
  <td class="herp">foo</td>
  <td id="foo0" class="derp">foo</td>
  <td id="bar0" class="derp">bar</td>
  <td id="baz0" class="derp">baz</td>
</tr>
<tr>
  <td class="herp">foo</td>
  <td id="foo1" class="derp">foo</td>
  <td id="bar1" class="derp">bar</td>
  <td id="baz1" class="derp">baz</td>
</tr>
<tr>
  <td class="herp">foo</td>
  <td id="foo2" class="derp">foo</td>
  <td id="bar2" class="derp">bar</td>
  <td id="baz2" class="derp">baz</td>
</tr>
</table>

JavaScript

var $el = $("#bar2");
var $sibs = $el.closest("tr").find(".derp");
console.log("sibs: " + $sibs.length);
var idx = $sibs.index($el);
console.log(idx);