I want to navigate to an arrow icon in each of my slickgrid cell

Question

I am having a following rows in my slickgrid :

<div class="slick-cell">
    <div title="First">
        <span class="menu-icon">
          <i class="icon-folder"></i>
        </span>
        <span class="text">First</span>
        <div>
             <span class="number">2</span>
             <span class="arrow" tabindex="1">
                 <i class="icon-arrow"></i>
             </span>
        </div>
   </div>
</div>

I have icon-arrow in each cell as shown above and want to reach to this arrow icon with tab key press once the cell is active, means on first tab press the cell should be active and on pressing the tab again the arrow should get focused so that I can apply keypress enter event on it.