siblings.removeclass不能在圖像上工作

我複製/粘貼此代碼窗體在我的網站上的另一個頁面。在第一頁上一切正常，不知何故它不在第二頁...siblings.removeclass不能在圖像上工作

我想創建一個自定義的單選按鈕功能。該頁面顯示圖像（使用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的一部分並不像它應該那樣工作。現在它在點擊時應用一個類，當另一個圖像被點擊時，它不會刪除所有的兄弟。它保留選定的類。所以，如果我點擊所有圖像，所有圖像保持其選擇的類。

我缺少什麼？除了被點擊的那個人之外，我需要調整什麼去除所有兄弟姐妹的課程？

來源

2016-03-30 Jeffrey van Zwam

，如果你不使用.bedragbol類中的任何其他元素

否則試試這個

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

來源

2016-03-30 12:41:05

這就產生，我想有功能試試這個代碼。然而，我在另一個元素中使用了.bedragbol類。我想我必須爲此創建一個解決方法。 –

siblings.removeclass不能在圖像上工作

回答

相關問題