v2.5.2
Giriş yap

basit olduğunu düşündüğüm ama çözemediğim jquery sorusu

damnman
350 defa görüntülendi

merhaba, 15 tane aynı class a sahip div im var. bunlara tıklayınca tıkladığım div e class eklemek istiyorum ama tıklayınca tüm divlere ekliyor. Bunun için hepsine ayrı ayrı click fonskiyonu mu yazmam gerek.

bide sadece birinde class olması gerekiyor başka bir dive tıklayınca önceki tıkladığım divdeki classın gitmesi gerekiyor bunun içinde mi ayrı ayrı kodlar yazmalıyım yoksa basit mi yöntemi var mı?

Cevap yaz
Cevaplar (3)
tayfunerbilen
910 gün önce

şu mantıkta yapabilirsin

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

<style>
    .test {
        background: #000;
        color: #fff;
        height: 50px;
        margin-bottom: 5px;
    }
    .test.yeni-class {
        background: yellow;
        color: #000;
    }
</style>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    const divs = $('.test')
    divs.on('click', function() {
        divs.removeClass('yeni-class').filter(this).addClass('yeni-class');
    })
</script>