Я пытаюсь сделать что-то довольно простой, но я, вероятно, что-то отсутствует ...Как добавить класс css в родительский элемент?
У меня есть этот код:
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');
Что мне не хватает?
Ошибки, сообщения должны дать некоторые указания, что это неправильно.Прочитайте их :) –
Вам не нужно устанавливать одинаковый класс для всех родителей. Если вы правильно укажете свой CSS, вы сможете поместить класс в родительский уровень верхнего уровня, который вы хотите применить, и чтобы все дети автоматически выполнялись этим классом верхнего уровня. Речь идет только об использовании правильного CSS, но это сделает ваш JS намного проще. – jfriend00