siblings.removeclass在圖像上不起作用

Question

我將此代碼復制/粘貼到我網站的另一頁上。 在第一頁上，一切正常，在第二頁上卻無法正常工作...

我正在嘗試創建自定義單選按鈕功能。 該頁面顯示圖像（使用mysqli_fetch_array從數據庫中加載）。 用戶可以單擊這些圖像。 用戶單擊圖像后，我希望javascript將另一個類應用於此圖像。 如果用戶單擊另一個圖像，我想還原第一個圖像的類並將該類應用於最新單擊的圖像。

我有的：

腳本

$(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">

我添加了輸入字段，以查看該功能是否正常運行。 每次單擊圖像時，值都會更新。 這很好。 只是CSS部分無法正常工作。 現在，它在單擊時確實會應用一個類，而在單擊另一張圖像時不會刪除所有同級對象。 它保留選定的類別。 因此，如果我單擊所有圖像，則所有圖像將保持其選定的類別。

我想念什么？ 除單擊的兄弟姐妹外，我還需要進行哪些調整以將其移至所有兄弟姐妹？

Answer 1

如果您未在任何其他元素中使用.bedragbol類，請嘗試此代碼

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

否則試試這個

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