素面Breadcrumb

Question

我想通过Tab-Key导航面包屑。

<p:breadCrumb>
    <p:menuitem value="Categories" url="#" />
    <p:menuitem value="Sports" url="#" />
    <p:menuitem value="Basketball" url="#" />
</p:breadCrumb>

在html中，primefaces本身为每个项目创建以下代码：

<li role="menuitem">
<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#">
<span class="ui-menuitem-text">Sports</span>
</a>
</li>

如何修改表索引，使我的面包屑keyboad可访问？

Answer 1

<script>
   $(document).ready(function() {
       $(".ui-breadcrumb ul li .ui-menuitem-link").attr("tabindex", 0);
    });
</script>