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

Question

有没有办法搜索使用了属性display:none的所有实例，并使用JavaScript添加属性aria-hidden="true"。

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

可能是这样的:(添加到函数中）

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

Answer 1

aria-hidden="true"的效果是指示浏览器不将元素公开给辅助功能树，即使它没有被隐藏。

浏览器不会将任何元素暴露给display:none的可访问性API。

所以你要做的事情完全是多余的。它对可访问性的影响绝对不会增加。节省自己的努力，做更有成效的事情。

Answer 2

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

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

<强> DEMO

Answer 3

编辑：

您可以使用过滤器，但这不是最佳解决方案：

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