Aşağıdaki gibi birkaç öğem var:
<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>
Öznitelik değeri 0
(sıfır) olan data-slide
öğesine nasıl bir sınıf ekleyebilirim?
Birçok farklı çözüm denedim ama hiçbiri işe yaramadı. Bir örnek:
$('.slide-link').find('[data-slide="0"]').addClass('active');
Bir fikrin var mı?
Attribute Equals Selector](https://api.jquery.com/attribute-equals-selector/) kullanın
$('.slide-link[data-slide="0"]').addClass('active');
[Fiddle Demo]()
ağaçtan aşağıya doğru çalışır
Her bir elemanın torunlarını al bir seçici, jQuery nesnesi veya öğe tarafından filtrelenen eşleşen öğelerin geçerli kümesinde.
wrapper DOM içeriğini almak için andSelf()
yöntemini de kullanabilirsiniz, ardından find()
sizin fikriniz gibi çalışabilir
$(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>