Javascript 将tabindex属性动态添加到类标记

我是新来的

angularjs

。我正在使用

textangle

显示html文档。我想突出显示该html中的一些单词，还想聚焦该单词。因此，我使用

tabindex

和

class=mark

来突出显示和聚焦。因此，首先我要补充一点

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

---

这里我想动态添加这个

tabindex

。这意味着，我想找到该文本，然后只在该文本中添加一个

tabindex

。如何实现这一点？每次tabindex只能应用于一个单词

您可以像这样尝试使用

contains（）

。 将

span

更改为

a

以获得默认的

href

高亮显示

$（“按钮”）。单击（函数（）{
$（“a.mark:contains（'ABC'））.attr（“tabindex”，1）；
$（“a.mark1:contains（'ABC'））.attr（“tabindex”，2）；
});

Next
.focus（）
或键盘导航/tabindex
不可靠

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



$（“按钮”）。单击（函数（）{
$（“a.mark:contains（'ABC'））.focus（）；
});

下一步
是否要将焦点设置为单词的第一个实例？或者，当用户按下选项卡时，您希望焦点转到单词？不，当用户按下选项卡时不会。我有一个需要突出显示和聚焦的单词数组，我有一个“下一步”按钮，在该按钮上只有该单词应该突出显示和聚焦。它不是针对单个单词的。那么您不需要
tabindex
，请参见下面的我的答案，这一个正在工作，但它没有聚焦于该单词。
href
不是
上的有效属性嘿，我刚刚使用了$（“span.mark:contains（“+text+”）））.attr（“tabindex”，-1）.focus（）。然后它也开始聚焦。@MoinZaman是的，我知道，但他使用的
span
是唯一正确的。他可以像那样自定义，或者他可以使用
a
进行有效的html标记。@JohnR我不会尽可能多地使用无效的html。可能会引起奇怪的问题。另外，对于看到此答案的其他人，可能会认为
href
在
上有效，我有一个html文档，因此这里的$（“.mark”）.is（“：contains（“+text+”）返回false。
<span class="mark" tabindex="1">ABC</span>