jquery辅助功能选项

Question

你们怎么看待这段代码来帮助一些懒惰的人:)

$('a').each(function (i,n){
    $title = $(n).attr('title');
    if(!$title){
        $(n).attr('title',$(n).html());
    }
});

考虑到大多数链接都与文字具有相同的标题所以......如果你们中的任何人都喜欢这样的话，请告诉我吗？

所以我们可以告诉w3school一个方框：）

Answer 1

这对浏览器来说是不必要的工作。如果你有大量的链接，这段代码可能会大大减慢初始化时间。

但是，如果您想加快速度，可以隐藏所有文本（即将其从DOM中删除），应用此代码，然后再次显示。但是，这可能会使您的文字闪烁。

另外，只是不要懒惰并加入标题：）

Answer 2

您应该在变量前加上var语句，以防止它成为隐含的​​全局变量。

你的整个事情可以简化为：

$('a:not([title])').attr('title', function () {
    return $(this).text();
});

（首选text()优先于html()）。

Answer 3

你的最终目标是什么？你只是想满足一些arbritrary清单？或者您是否真的想让用户更容易访问您的网站？您是否尝试过可访问的浏览器 - 您是否确认他们不仅仅使用没有设置title属性的链接上的链接文本？如果是这样的话，你实际上没有取得任何成果，而且只是让你的网站变慢了。

如果您想支持辅助功能，请正确使用并使用经过深思熟虑的标题属性。