JSFiddle - React, Tailwind, and code Playground

by DannyEnglander

HTML

<ul id="navbar-nav" id="nav">
    <li><a href="#first" id="first">First</a></li>
    <li><a href="#second" id="second">Second</a></li>
    <li><a href="#bar" id="var">foobar</a></li>
</ul>

<div class="panel">Panel 1</div>
<div class="panel">Panel 2</div>
<div class="panel">Panel 3</div>

JavaScript

var i = 0;

$(".panel").each(function () {
    $(this).attr("data-anchor", 'element-' + i);
    i++;
});


var IDs = [];
$("#navbar-nav").find("li a").each(function(){ 
    IDs.push(this.id); 
});