如何恢复 <a> 的标题

Question

这是我在这个网站上的第一个问题。我有这样的东西：

<a href="project/150" title="FR - This is an example" target="_blank">FR - This is an example"

我正在寻找能够在 javascript 中的标题开头找到“FR”的内容。我真的不知道这是否可能而且我在 javascript 方面有点不好所以我感谢你的帮助:)

编辑！

我可能不够具体，对此我深表歉意。我正在修改现有的软件。我的 HTML 检查员中有这样的东西：

<div class="nameoftheclass">
:: before
<a href="project/150" title="FR - This is an example" target="_blank">FR - This is an example</a>
::after
</div>

我想将我在“a”中找到的 FR 添加到我的“div”中的 class。在这个标签之后，我将不得不为 15 个标签执行此操作，所以我不能只写 FR。我希望这些解释能给你更多的信息，对你有帮助

Answer 1

您可以通过

获取标签为a的所有元素

document.getElementsByTagName("a")

它 returns 一个包含所有带有标签 a.

的元素的 HTMLCollection

现在我们可以遍历它并使用字符串 startsWith() 方法检查是否有一个标题以 'FR' 开头的元素。

let allA = document.getElementsByTagName("a");
let found = false;
for(let l = 0; l < allA.length; l++){
  if (allA[l].title.startsWith('FR')) {
    found = true
  }
}

console.log(found);

<a href="project/150" title="FR - This is an example" target="_blank">FR - This is an example"</a>

Answer 2

试试这个，但如果你的元素在循环中，你应该调整它。这将动态获取“Lang”值：

var element = document.getElementsByTagName('a')[0];
var title = element.title.split('-');
console.log(title[0]);

确保向您的元素添加 class 或 ID。

如何恢复 <a> 的标题

How to recover the title of an <a>

javascript

tags