Tengo algunos elementos como los siguientes:
<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>
¿Cómo puedo añadir una clase al elemento que tiene un valor de atributo data-slide
de 0
(cero)?
He probado muchas soluciones diferentes pero nada ha funcionado. Un ejemplo:
$('.slide-link').find('[data-slide="0"]').addClass('active');
¿Alguna idea?
Utilizar Atributo Igual a Selector
$('.slide-link[data-slide="0"]').addClass('active');
[Demostración de un juego de palabras](
)funciona hacia abajo en el árbol
Obtiene los descendientes de cada elemento en el conjunto actual de elementos coincidentes, filtrados por un selector, objeto jQuery o elemento.
también puede usar el método andSelf()
para obtener el DOM de la envoltura y luego find()
puede funcionar como su idea
begin snippet: js hide: false console: true babel: false -->
$(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>
...fin del fragmento..;