從超鏈接中刪除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);