javascript - 无法检查元素是否有类，然后不为元素设置动画

Question

上下文中的解释(WordPress):我想检查我的 li 元素是否有一个名为“current-menu-item”的类，如果我想让它停止动画功能。如果它没有那个类继续动画。该脚本当前无法运行。感谢您的帮助。

$(document).ready(function ()
{
    $('.nav li a').hover(function() 
    {
        if ($(this).parentNode.hasClass('current-menu-item'))
        {
        alert('this item has the class of current-menu-item');
        }
        else
        {
        $(this).animate({color:'#3b3b3b'}, 300, 'linear');
        }
    }, 
    function() 
        {
        if ($(this).parentNode.hasClass('current-menu-item'))
        {
        // do nothing
        }
        else 
        {
            $(this).animate({color:'#999'}, 300, 'linear');
        }
    });
});

Answer 1

if ($(this).parent().hasClass('current-menu-item'))

jQuery 对象没有 parentNode 属性。 DOM 元素有，但是 parentNode 返回的元素没有像 .hasClass() 这样的 jQuery 方法。使用 jQuery 的 .parent() method相反。