Question

我是angularjs的新手。我使用textangular来显示html文档。我想突出显示该HTML中的一些单词，并且还想关注该单词。所以，我正在使用tabindex和class = mark来突出显示和关注。所以，这里首先我要添加

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

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

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

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

Answer 1

您可以尝试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>

Answer 2

.focus()或键盘导航/制表索引<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>

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

2 个答案: