如何在OnMouseIn和OnMouseOut元素上正確地影響其他元素？

Question

我想要當我懸停在一個元素上，然後它改變其他元素的狀態。我想要的是當我將鼠標懸停在桌面上時，然後更改下一個按鈕的CSS。

我有麻煩的表懸停按鈕不會改變。

前瞻：

我想在餐桌上懸停按鈕時，也喜歡按鈕懸停時。

前瞻：

您可以this URL參觀了這個問題。

這裏是我的jQuery：

<script> 
$(function() { 
    $("tr.accordion td").on({ 
     mouseover: function() { 
      $("a.mau-pilih-travel").addClass("mau-pilih-hover") 
     }, 
     mouseout: function() { 
      $("a.mau-pilih-travel").removeClass("mau-pilih-hover") 
     } 
    }); 
}); 
</script> 

CSS類來改變按鈕的狀態：

.mau-pilih-hover{ 
    background: #31BC86; 
    color:#fff !important; 
    text-shadow: 2px 2px 0 #888888; 
} 

你能找到我的問題和解決方案？

Answer 1

試着改變你的代碼爲這個

<script> 
$(function() { 
$("tr.accordion td").on({ 
    mouseover: function() { 
     $(".mau-pilih-travel").addClass("mau-pilih-hover") 
    }, 
    mouseout: function() { 
     $(".mau-pilih-travel").removeClass("mau-pilih-hover") 
    } 
}); 
}); 
</script>