如何使用Javascript为动态创建的元素添加选项卡索引？

我需要一些帮助来动态地向

中的所有元素添加

tabindex

。我需要这样做的可访问性。如果我指定了一个

元素，它应该自动将

选项卡index

添加到该

中的所有元素中

我试过这样的方法：

$('#Latest-News-Content [tabindex]').each(function () {
    $(this).attr( 'tabindex', parseInt( $(this).attr('tabindex') ) + 10 )
});

但它似乎不起作用。另外，如何为隐藏的元素添加选项卡索引

例如：

---

我有一个标题和描述显示在

中。描述是隐藏的，并且有一个

jQuery折叠器

。当我点击标题时，描述展开。如何为所有元素设置

tabindex

？

这里有一个示例，为所有

a

标记添加

tabindex

$('#Latest-News-Content a').each(function(index) {
    $(this).attr('tabindex', index)
});

演示：

您可以对隐藏元素使用相同的方法。

@Sotiris

这可能是jQuery更新版本的更新。使用.prop（）而不是.attr（）来设置属性值

$('#Latest-News-Content a').each(function(index) {
    $(this).prop('tabindex', index)
});

---

+1：很好的解决方案。我建议做一个小改动：

index+1

而不是

index

的行为更接近我在Safari中想要的。这不会在DOM中显示新的动态数据时自动触发。这只会在执行此代码时将tabindex属性添加到匹配的现有DOM元素中。您可以在每次出现新内容时重新运行此程序，或者更好的做法是，从那里查看

正文

和

查找

您的元素。