jQuery 获取不透明度为 1 的子属性

Question

我不擅长jquery。我想获取不透明度为1的div子元素的类属性。示例代码如下

<div class='parent'>
   <img class='child1' style='opacity:0;' />
   <img class='child2' style='opacity:0;' />
   <img class='child3' style='opacity:1;' />
   <img class='child4' style='opacity:0;' />
   <img class='child5' style='opacity:0;' />
   <img class='child6' style='opacity:0;' />
   <img class='child7' style='opacity:0;' />
</div>

我尝试过的:

1. $('.parent').find('img').css('opacity','1').attr('class');

但是没有成功。

2. $('.parent>img{opacity:1}').attr('class');

这也不起作用。

您能指导我如何完成它吗？

Answer 1

$('.parent img').filter(function() {
    return $(this).css('opacity') == 1;
}).attr('class');

正如您所说，这假设只有一个不透明度为 1 的元素。如果有更多元素，则将仅返回第一个匹配元素的类。