jquery - 如何将OnMouseIn和OnMouseOut元素正确地影响其他元素？

我想当我悬停在一个元素上，然后它改变其他元素的状态。我想要的是当我把鼠标移到表上，然后改变下一个按钮的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;
}

你能找到我的问题和解决办法吗？

最佳答案

尝试为此更改代码

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

关于jquery - 如何将OnMouseIn和OnMouseOut元素正确地影响其他元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21338696/