将文本附加到 aria-label 名称

Question

我的网站上有两个光滑的滑块； 一个显示 News 另一个 Events 。 由于div.slick track行上的重复 aria 标签，我有一个可访问性错误； 我需要将文本附加到第一个光滑的滑块div.slick-track aria-label 。 我试图更新 slick.min.js 文件，但我一直在破坏文件。 所以我只是想写一些 jQuery 代码（没有运气）来将文本附加到第一个滑块中的 aria 标签。 我已经浏览了 Stack Overflow 推荐的建议回答问题，但没有运气。 这是我的 HTML 的一部分

    <div aria-label="news" class="slick slick-initialized slick-slider" 
role="toolbar">
    <button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" style="display: block;">Previous</button>                 
        <div aria-live="polite" class="slick-list draggable">
            <div class="slick-track" style="opacity: 1; width: 3487px; transform: translate3d(-2219px, 0px, 0px);" role="listbox" aria-label="slick-list">

这是我尝试使用的

jQuery

$(".slick-track[aria-label='slick-list']").append("news");

//与

   $(".slick-track[aria-label='slick-list']").find(function(){
        $(this).append("news");
    });

有什么建议吗？ 提前致谢。

Answer 1

只需使用

document.getElementById('DIV_ID').setAttribute('aria-label', 'YOURTITLE');

Answer 2

试试

   var last  =$(".slick-track").attr("aria-label");
   $(".slick-track").attr("aria-label",last+"new");

Answer 3

将文本附加到第一个光滑的滑块div.slick-track aria-label ：

 $(".slick-track[aria-label='slick-list']:first").append("news");

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div aria-label="news" class="slick slick-initialized slick-slider" role="toolbar"> <button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" style="display: block;">Previous</button> <div aria-live="polite" class="slick-list draggable"> <div class="slick-track" style="opacity: 1; width: 3487px; transform: translate3d(-2219px, 0px, 0px);" role="listbox" aria-label="slick-list"> </div> </div> </div>

Answer 4

所以我的原始代码确实有效。 问题是在 DOM 中我的 jQuery 代码（文件）之后加载了 slick.min.js 文件。 一旦我改变了它的工作顺序。