将重点放在动态创建的元素上

Question

我有这个代码生成一堆标签

<li ng-repeat="nav in navs">
    <a href="" id="{{$index}}" ng-class="{'selected-nav': nav.state === selectedTab}" tabindex="{{nav.state === selectedTab ? 0 : -1}}">
       <span>Some icon</span>
       <span>Some text</span>
    </a>
</li>

现在，我想使用箭头键浏览这些选项卡，我的意思是如果我使用右箭头键并希望使用向左箭头键将焦点移动到上一个元素，我希望焦点移动到下一个元素。

我尝试了这个，但它不会起作用，因为元素是动态生成的，任何帮助??

if(event.which === 39 || event.which === 40) {
document.getElementById('1').focus();
}

提前致谢！