JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<div id="opcao1"><ol><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a href="">link</a></li><li><a...

CSS

#opcao1, #opcao2, #opcao3, #opcao4{
    width: 20%;
    margin: 1%;
    float: left;
    font-size: 10px
}

JavaScript

console.time('opcao 1');
$('#opcao1 ol li a').each(function(i,e){ 
    if( i === 1499){ 
      console.timeEnd('opcao 1'); 
      console.time('opcao 2');
      $('#opcao2').find('ol').find('li').find('a').each(function(i,e){ 
          if( i === 1499){ 
            console.timeEnd('opcao 2'); 
            console.time('opcao 3');
            $('a', '#opcao3').each(function(i,e){ 
                if( i === 1499){ 
                  console.timeEnd('opcao 3');
                  console.time('opcao 4'); 
                  $('#opcao4').find('a').each(function(i,e){
                      if( i === 1499){ 
                          console.timeEnd('opcao 4');
                      }
                  });
                }
            });
          }
      });
    }
});