如何使用Javascript为动态创建的元素添加标签索引

How do I add a tab Index for dynamically created elements using Javascript?

本文关键字：元素 添加 加标签 索引 创建 何使用 Javascript 动态      更新时间：2023-09-26

我需要一些帮助来动态地将tabindex添加到<div>中的所有元素。我需要这样做是为了方便。如果我指定一个<div>元素，它应该自动将tabindex添加到该<div>中的所有元素。

我试过这样做:

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

但它似乎不起作用。另外，我如何为隐藏的元素添加标签索引?

例如:

我有一个标题和描述显示在<div>。描述是隐藏的，有一个jQuery collapser。当我点击标题时，描述就展开了。如何为所有元素设置tabindex ?

下面是为所有a标签添加tabindex的示例

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

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

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

@Sotiris

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

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