从超链接中删除tabindex属性

Question

我有一个Oracle顶点页面。 我在其中定义了一个tabscontainer区域。 该区域有两个子区域。 每个子区域内都有一个超级链接，其编码方式如下

<a class="t-Tabs-link" href="#SR_R1" role="presentation" tabindex="-1">
  <span>1</span>
</a>

在第一区域和

<a class="t-Tabs-link" href="#SR_R2" role="presentation" >
  <span>2</span>
</a>

在第二区域。

我想使用javascript从此代码中删除第一区域的tabindex属性，并将属性tabindex =“-1”添加到第二区域。我无法向此超级链接添加ID，因为oracle apex不允许编辑默认的html属性。 如何在不分配ID的情况下执行此操作？ 或有什么方法可以为该超级链接分配ID？

Answer 1

使用Jquery removeAttr从任何元素中删除属性。

选择第一个索引元素，然后从中删除属性

$(".t-Tabs-link").eq(0).removeAttr("tabindex");

您还可以通过JQuery attr（）函数设置属性

$(".t-Tabs-link").eq(1).attr("tabindex" , -1);

例

Answer 2

您可以使用document.querySelector ，而无需知道<a>的ID。

您可以以此删除tabindex 。

document.querySelector('.t-Tabs-link:first-child').removeAttribute('tabindex');

您可以以此设置tabindex 。

document.querySelector('.t-Tabs-link:last-child').setAttribute('tabindex', -1);