Jquery 使用$.parent()更改不透明度css属性

Jquery 使用$.parent()更改不透明度css属性,jquery,select,element,parent,opacity,Jquery,Select,Element,Parent,Opacity,我想更改元素的css属性,如下所示: a.archive\u blocks\u fa的标准不透明度为0.5。当a.archive\u blocks\u sa悬停时,a.archive\u blocks\u fa必须具有不透明度1.0。当悬停事件结束时,a.archive\u blocks\u fa必须返回不透明度0.5 HTML: 伙计们,我做错了什么?archive\u blocks\u fa是archive\u blocks\u sa(悬停元素)父级的兄弟姐妹 因此,您必须转到它的父级级别,

我想更改元素的css属性,如下所示:

a.archive\u blocks\u fa的标准不透明度为
0.5
。当
a.archive\u blocks\u sa
悬停时,
a.archive\u blocks\u fa
必须具有不透明度
1.0
。当悬停事件结束时,
a.archive\u blocks\u fa
必须返回不透明度
0.5

HTML:


伙计们,我做错了什么?

archive\u blocks\u fa
archive\u blocks\u sa
(悬停元素)父级的兄弟姐妹

因此,您必须转到它的
父级
级别,然后使用
prev()
方法获取上一个同级(
archive\u blocks\u fa
)并设置其不透明度。试试这个

$('a.archive_blocks_sa').hover(function(){
    $(this).parent().prev('.archive_blocks_fa').css('opacity','1');
}, function(){
    $(this).parent().prev('.archive_blocks_fa').css('opacity','0.5');
});

.prev()
获取匹配元素集中每个元素的前一个同级元素,可选地通过选择器进行筛选。

archive\u blocks\u fa
archive\u blocks\u sa
的父元素的同级元素

因此,您必须转到它的
父级
级别,然后使用
prev()
方法获取上一个同级(
archive\u blocks\u fa
)并设置其不透明度。试试这个

$('a.archive_blocks_sa').hover(function(){
    $(this).parent().prev('.archive_blocks_fa').css('opacity','1');
}, function(){
    $(this).parent().prev('.archive_blocks_fa').css('opacity','0.5');
});

.prev()
获取匹配元素集中每个元素的前一个同级元素,可选地通过选择器进行筛选。

这里的问题是您没有正确地遍历DOM,请尝试以下方法:

$('a.archive_blocks_sa').hover(function(){
    $(this).closest(".archive_blocks").find('.archive_blocks_fa').css('opacity','1');
}, function(){
    $(this).closest(".archive_blocks").find('.archive_blocks_fa').css('opacity','0.5');
});

这里的问题是您没有正确地遍历DOM,请尝试以下方法:

$('a.archive_blocks_sa').hover(function(){
    $(this).closest(".archive_blocks").find('.archive_blocks_fa').css('opacity','1');
}, function(){
    $(this).closest(".archive_blocks").find('.archive_blocks_fa').css('opacity','0.5');
});

你做错的是,有class
archive\u blocks\u sa
的元素没有class
的父元素。archive\u blocks\u fa

你做错的是,有class
archive\u blocks\u sa
的元素没有class
的父元素。我认为,
parent()
将仅选择
存档块\u名称
div,因为它是父级,而
存档块\u fa
不是。 尝试:

$(this).parent()同级('.archive_blocks_fa').css('opacity','1')

我认为
parent()
只会选择
archive\u blocks\u name
div,因为它是父级而
archive\u blocks\u fa
不是。 尝试:


$(this).parent()同级('.archive_blocks_fa').css('opacity','1')

archive\u blocks\u sa的父级
archive\u blocks\u name
。您没有正确阅读。请尝试
$(this).parent().prev('.archive\u blocks\u fa')…
archive\u blocks\u sa的父级
archive\u blocks\u name
。您没有正确阅读。请尝试
$(this).parent().prev)(“.存档”\u块\u fa”)…
没问题。如果这是您使用的解决方案,请单击左侧的绿色勾号接受答案。谢谢没有问题。如果这是您使用的解决方案,请单击左侧的绿色勾号接受答案。谢谢我错过了类选择器中的点:/i错过了类选择器中的点:/