使用jQuery

Question

您好我正在使用滑块（光滑滑块），我正在尝试定位单个幻灯片。

以下是它向div中吐出的东西的一个例子。

<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01"></div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide02"></div>

我想使用jQuery来定位每个div，所以我可以为它添加一个类。我认为我想要定位的属性是aria-describedby

我试过这样做：

jQuery("[aria-describedby='slick-slide01']").addClass("newClass");但它似乎无效。

我不能使用第n个子选择器因为我有光滑的设置来无限循环而第n个孩子在此并不总是选择正确的div。

有什么想法吗？谢谢！

Answer 1

如您所见，您的代码没有问题。你只有两个div都是空的，所以它看起来似乎没有变化......

＆＃13;

＆＃13;

jQuery("[aria-describedby='slick-slide01']").addClass("newClass");

＆＃13;

.newClass {
  background-color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01">AAA</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide02">AAA</div>

＆＃13;

＆＃13;

＆＃13;