Question

我的网站上有两个光滑的滑块;一个显示其他事件的新闻。我有一个辅助功能错误，因为 div.slick track 的行上有重复的咏叹调标签;我需要将文字附加到第一个光滑的滑块 div.slick-track aria-label 。我试图更新slick.min.js文件，我一直在破坏文件。所以我＆＃39; m＆＃39;只是尝试编写一些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

尝试

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

Answer 2

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 3

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

Answer 4

只需使用

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

将文本附加到aria-label名称

4 个答案: