v2.5.2
Giriş yap

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

damnman
443 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ı?

tayfunerbilen
1148 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>