从超链接中删除tabindex属性

时间:2017-11-15 06:57:57

标签: javascript jquery html oracle-apex

我有一个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?

2 个答案:

答案 0 :(得分:2)

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

选择第一个索引元素,只需从中删除属性

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

您还可以通过Jquery attr()函数

设置属性
$(".t-Tabs-link").eq(1).attr("tabindex" , -1);

<强> example

答案 1 :(得分: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);