У меня есть несколько элементов, как показано ниже:
<a class="slide-link" href="#" data-slide="0">1</a>
<a class="slide-link" href="#" data-slide="1">2</a>
<a class="slide-link" href="#" data-slide="2">3</a>
Как я могу добавить класс к элементу, который данных-слайд-значение атрибутаот
0` (ноль)?
Я пробовал много разных решений, но ничего не получалось. Пример:
$('.slide-link').find('[data-slide="0"]').addClass('active');
Любая идея?
Используйте атрибут равен селектор
$('.slide-link[data-slide="0"]').addClass('active');
<и>[Скрипка демо](
)</КБД>он работает вниз по дереву
получайте потомки каждого элемента в текущем наборе совпавших элементов, фильтруется с помощью селектора, объект jQuery, или элемент.
вы также можете использовать метод государственного ()
, чтобы получить обертку дом содержать нажмите `Найти () можно обойти как ваша идея
в
$(function() {
$('.slide-link').andSelf().find('[data-slide="0"]').addClass('active');
})
.active {
background: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a class="slide-link" href="#" data-slide="0">1</a>
<a class="slide-link" href="#" data-slide="1">2</a>
<a class="slide-link" href="#" data-slide="2">3</a>
в