javascript - 如何将CSS类添加到父元素？

Question

我正在尝试做一些相当简单的事情，但我可能遗漏了一些东西......

我有这个代码:

var $highlights = $j("div.ab-highlights ul li a");
$highlights.hover(
    function () {
        $j(this).children().addClass('active');

        for (i=0; i < $highlights.length; i++)
        {
            if ($highlights[i] != this)
            {
                console.log(i);
                ($highlights.parent()[i]).addClass('lowOpacity');
            }
        }
    }, 
    function () {
        $j(this).children().removeClass('active');
    }
);

最重要的是，我正在尝试将一个类(“lowOpacity”)附加到除我正在滚动的元素之外的所有元素。问题是它行不通。行不通是

($highlights.parent()[i]).addClass('lowOpacity');

我错过了什么？

Answer 1

一个元素只能有一个父元素。

$j($highlights[i]).parent().addClass('lowOpacity');

此代码将向每个突出显示元素的父级添加一个类。

您也可以像这样重构您的代码:

var $highlights = $j("div.ab-highlights ul li a");
$highlights.hover(
    function () {
        $j(this).children().addClass('active');
        $j($highlights).not(this).parent().addClass("lowOpacity"); //Thanks Felix +1
    }, 
    function () {
        $j(this).children().removeClass('active');
    }
);