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

Question

我需要一些帮助，tabindex动态添加<div> <div>中的所有元素。我需要为可访问性这样做。如果我指定tabindex元素，则应自动将<div>添加到$('#Latest-News-Content [tabindex]').each(function () { $(this).attr( 'tabindex', parseInt( $(this).attr('tabindex') ) + 10 ) }); 中的所有元素。

我试过这样的事情：

<div>

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

例如：

我在jQuery collapser中显示了标题和说明。说明已隐藏，并且有tabindex。当我点击标题时，描述会扩展。如何为所有元素设置{{1}}？

Answer 1

此处为所有tabindex代码添加a的示例

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

演示：http://jsfiddle.net/azk2n/1

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

Answer 2

@Sotiris

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

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