Как выбрать элемент с непрозрачностью атрибута 1 с помощью jQuery
У меня есть эти элементы, и мне нужно выбрать li внутри ul, где opacity=1. Как я могу это сделать?
<ul class="class" id="ul">
<li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"><a title="title1" href=""><img alt="alt" class="class_name" src="/images/7dfc294d5c3bcebecb2ec0e44fd27d1c.jpg"></a></li>
<li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"><a title="title2" href=""><img alt="alt" class="class_name " src="/images/a9c9eb42934df4576b352d88f607f292.jpg"></a></li>
<li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"><a title="title3" href=""><img alt="alt" class="class_name " src="/images/b64264692c0d648068c9d1380e9099c1.jpg"></a></li>
<li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1;"><a title="title4" href=""><img alt="alt" class="class_name " src="/images/43e3e5e2edc4234ecddbc89636e4e224.jpg"></a></li>
<li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"><a title="title5" href=""><img alt="e-alt" class="class_name " src="/images/31a156ce7f7ab5485366d24f6cbfbede.jpg"></a></li>
</ul>
2 ответа
Решение
$('#ul li').filter(function() {
return $(this).css('opacity') == '1';
});
Вы также можете попробовать с .each()
var lis = [];
$('#ul li').each(function() {
if ($(this).css('opacity') == '1') {
lis.push(this);
}
});
или используя .map()
var lis = $('#ul li').map(function() {
if($(this).css('opacity') == '1')
return this;
}).get();
Ты можешь попробовать
$('li[style*="opacity: 1"]')
но я не уверен, что он вернет элементы, когда нет места, как opacity:1