Tenho alguns elementos como abaixo:
<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>
Como posso adicionar uma classe ao elemento que tem um valor de atributo de 0
(zero)?
Tentei muitas soluções diferentes, mas nada funcionou. Um exemplo:
$('.slide-link').find('[data-slide="0"]').addClass('active');
Alguma ideia?
Use Atributo Igual Seleccionador
$('.slide-link[data-slide="0"]').addClass('active');
[Fiddle Demo]()
funciona ao fundo da árvore
Obtenha os descendentes de cada elemento no conjunto actual de elementos combinados, filtrados por um selector, objecto jQuery, ou elemento.
também pode utilizar o método "eSelf()andSelf()
para obter o DOM de invólucro contém então find()
pode ser trabalhado como a sua ideia
$(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>