javascript - 我需要使用链接文本作为 aria 标签将 aria-label 添加到网站上的所有链接

Question

我正在尝试将 aria-label 添加到网站上没有的所有链接。我想使用链接文本作为 aria-label。

$(document).ready(function () {
  $("a").each(function () {
    var attr = $(this).attr('aria-label');
    if (typeof attr == typeof undefined && attr == false) {
      var txt = $(this).text();
      $(this).attr("aria-label", txt);
    }
  });
});

Answer 1

最简单的方法是使用 :not 选择器来查找不带该属性的元素。然后，您可以向 attr() 提供一个函数，将其添加到找到的函数中。试试这个:

jQuery($ => {
  $('a:not([aria-label])').attr('aria-label', function() {
    return this.textContent.trim();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#foo">Foo Bar</a>
<a href="#fizz" aria-label="I already have a label, leave me alone">Fizz Buzz</a>