siblings.removeclass görüntüde çalışmıyor

Question

Bu kodu web sitemde başka bir sayfaya yapıştırıyorum/yapıştırıyorum. İlk sayfada her şey iyi çalışıyor, her nasılsa ikinci sayfada yok ...

Özel bir radyo düğmesi işlevi oluşturmaya çalışıyorum. Sayfa görüntüler (mysqli_fetch_array kullanarak veritabanımdan yüklendi). Kullanıcı bu görüntüleri tıklayabilir. Kullanıcı bir görüntüyü tıkladığında, javascript'in bu resme başka bir sınıf uygulamasını istiyorum. Kullanıcı başka bir resmi tıklarsa, ilk resmin sınıfını geri yüklemek ve sınıfı en son tıklanan resme uygulamak istiyorum.

Ben Ne:

Senaryo

$(window).load(function(){ 
    $('.bedragbol').click(function() { 
     var bedragid = $(this).data("bedragid"); 
     $(this).addClass('bedragbol_select').siblings().removeClass('bedragbol_select'); 
     document.getElementById("kosten").value = bedragid; 
    }); 
}); 

PHP

<table width="100%"> 
<? while($rows_bedrag=mysqli_fetch_array($sql_bedrag,MYSQLI_ASSOC)){ ?> 
<tr> 
<td class="img_programmaker_dag"> 
<img src="../images/<? echo $rows_bedrag['url']; ?>.png" data-bedragid="<? echo $rows_bedrag['id']; ?>" class="bedragbol"> 
</td> 
<td> 
<font class="txt_programmaker_dag"> 
<? echo $rows_bedrag['omschrijving']; ?> 
</font> 
</td> 
</tr> 
<? } ?> 
</table> 
<br><br> 
<input type="text" id="kosten" name="kosten"> 

Ben fonksiyonu çalışıp çalışmadığını görmek için giriş alanını ekledik. Görüntüyü her tıkladığımda değer güncellenir. Bu iyi çalışıyor. Sadece css kısmı gerektiği gibi çalışmıyor. Şu anda tıklandığında bir sınıf uygular, başka bir resmin tıklandığında tüm kardeşleri kaldırmaz. Seçilen sınıfı korur. Yani tüm görüntüleri tıklarsam, tüm görüntüler seçilen sınıflarını korur.

Neyi eksik? Sınıfı tıklayan kişi hariç tüm kardeşlere kaldırmak için nelere ihtiyacım var? Eğer Aksi halde ben almak istiyorum işlev oluşturur bu

$('.bedragbol').click(function() { 
    var bedragid = $(this).data("bedragid"); 
    $(this).siblings().removeClass('bedragbol_select'); 
    $(this).addClass('bedragbol_select') 
    document.getElementById("kosten").value = bedragid; 
}); 

Answer 1

bu kodu deneyin. Yine de başka bir elementte .bedragbol sınıfı kullanıyorum. Sanırım bunun için bir çalışma yaratmalıyım.