查找所有 display:none 属性并使用 JavaScript 添加 aria-hidden 属性

Question

有没有办法搜索所有使用 属性 display:none 的实例，并使用 JavaScript.

添加属性 aria-hidden="true"

我的网站有数百个这样的实例，我正在寻找一种更快的方法。

会不会是这样的：（添加到一个函数中）

$(*).css( "display", "none" ).attr( "aria-hidden", "true" );

Answer 1

编辑：

可以使用过滤器，但不是最优解：

$("*").filter(function() { return $(this).css("display") == "none" })

Answer 2

使用hidden()选择器来识别所有显示none元素

$( ":hidden").attr( "aria-hidden", "true" );

DEMO

Answer 3

aria-hidden="true"的作用是指示浏览器不要将元素暴露给无障碍树，即使它没有隐藏。

浏览器不会向可访问性 API 公开任何元素 display:none。

所以你想做的是完全多余的。它对可访问性的额外影响绝对为零。节省您的精力，做一些更有成效的事情。