Jquery 使用$.parent()更改不透明度css属性
我想更改元素的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(悬停元素)父级的兄弟姐妹 因此,您必须转到它的父级级别,
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');
});
你做错的是,有classarchive\u blocks\u sa
的元素没有class的父元素。archive\u blocks\u fa你做错的是,有classarchive\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错过了类选择器中的点:/