jquery - クラスを特定の位置から削除するにはどうすればよいですか？

Question

私はこの機能を持っています

$('*').hover(

    function (e) {
        mouseX = e.pageX;
        mouseY = e.pageY;
        var elem = document.elementFromPoint(mouseX, mouseY);
        $(elem).addClass('hoverElem');

    },
    function (e) {
        mouseX = e.pageX;
        mouseY = e.pageY;
        var elem = document.elementFromPoint(mouseX, mouseY);
        $(elem).removeClass('hoverElem');
    }
);

これは最初の関数で正常に機能しますが、2番目の関数は何もしません。どうすれば修正できますか？

Answer 1

ここに解決策があります：

$('*').hover(
function (e) {
    $(this).addClass('hoverElem');
},
function (e) {
    $(this).removeClass('hoverElem');
}
);

Answer 2

代わりにこれを試してください：

$('*').hover(
    function (e) {
        // Remove class from previous element
        $('.hoverElem').removeClass('hoverElem');

        // Add class to new element
        mouseX = e.pageX;
        mouseY = e.pageY;
        var elem = document.elementFromPoint(mouseX, mouseY);
        $(elem).addClass('hoverElem');
    }
);

またはこれ：

$('*').hover(
    function (e) {
        // Add class to new element
        mouseX = e.pageX;
        mouseY = e.pageY;
        var elem = document.elementFromPoint(mouseX, mouseY);
        $(elem).addClass('hoverElem');
    }, function (e) {
        // Remove class from previous element
        $('.hoverElem').removeClass('hoverElem');
    }
);

あなたが何をしようとしているのか正確にはわからないので、推測するのは少し難しいです。