javascript - 动态地将 tabindex 属性添加到类标记

Question

我是新手angularjs。我正在使用 atextangular来显示一个 html 文档。我想突出显示该 html 中的一些单词，也想突出该单词。所以，我正在使用tabindexandclass = mark来突出显示和聚焦。所以，首先我在这里添加

<span class="mark">ABC</span>

这样它就会被突出显示，之后我想给它添加一个tabindex=1属性。所以它变得像

<span class="mark" tabindex="1">ABC</span>

在这里，我想tabindex动态添加它。这意味着，我想找到那个文本，然后只在tabindex那个文本中添加一个。我怎样才能做到这一点？一次 tabindex 只能应用于一个单词。

Answer 1

.focus()或键盘导航/ tabindexing<span>的不可靠。

您需要使用空的超链接标签，如下所示：

<a href="#" onCLick="return false" class="mark">ABC</a>

$("button").click(function() {
  $("a.mark:contains('ABC')").focus();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" onCLick="return false" class="mark">ABC</a>
<a href="#" onCLick="return false" class="mark1">ABC1</a>
<button>Next</button>

Answer 2

你可以试试contains()这样。更改span以a获取默认href荧光笔。

$("button").click(function() {
  $("a.mark:contains('ABC')").attr("tabindex", 1);
  $("a.mark1:contains('ABC')").attr("tabindex", 2);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="mark" href="#">ABC</a>
<a class="mark1" href="#">ABC</a>
<button>Next</button>