2012-06-23 6 views
3

이러한 요소가 있는데 불투명도가 1 인 ul 내부에서 li을 선택해야합니다. 어떻게해야합니까?jQuery로 속성 불투명도가 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> 

답변

11
$('#ul li').filter(function() { 
    return $(this).css('opacity') == '1'; 
}); 

DEMO

또한으로 시도 할 수 .each()

var lis = []; 
$('#ul li').each(function() { 
    if ($(this).css('opacity') == '1') { 
     lis.push(this); 
    } 
}); 

DEMO

또는 01을 사용하여

var lis = $('#ul li').map(function() { 
    if($(this).css('opacity') == '1') 
     return this; 
}).get(); 

DEMO

+0

같은 요소를 반환합니다 있는지 확실하지 않습니다 것은이 일을합니까 IE의'filter' CSS 규칙도 마찬가지입니까? 불투명도를 설정하지만, 너무 일하는거야? – Martijn

+0

오류 : $ ("# ul li")이 null입니다. – themis

+0

@themhz 내 데모 콘솔을 확인하면 작동합니까? – thecodeparadox

0

을 당신은

$('li[style*="opacity: 1"]') 

시도 할 수 있지만 더 공간이 없을 때이 opacity:1

+0

그게 sais 오류 : $ ("li [style * = \"opacity : 1 \ "]") null이 – themis

+0

아니 jQuery를 수정해도 작동하지 않습니다. – themis

관련 문제