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>