선택 사업부의 식별자

Question

안녕하세요 저는 항목을 .selected 만 의 아이디의를 선택하려면이

<div id="bigBadDiv"> 
<div class="head"> 
    blabla 
</div> 

<div class="contents"> 
    <div class="1"> 
     <div id="432" class="item "></div> 
     <div id="45" class="item selected"></div> 
     <div id="86" class="item "></div> 
     <div id="3" class="item "></div> 
    </div> 

    <div class="2"> 
     <div id="443" class="item"></div> 
     <div id="867" class="item selected"></div> 
     <div id="43" class="item selected"></div> 
     <div id="98" class="item selected"></div> 
    </div> 


    <div class="3"> 
     <div id="423" class="item selected"></div> 
     <div id="167" class="item "></div> 
     <div id="4453" class="item "></div> 
     <div id="944" class="item "></div> 
    </div> 
</div> 

<div class="footer"> 
    blabla 
</div> 

매우 유사 뭔가를하고 난

으로 만들려고 노력

$('#bigBadDiv :has(.selected)').css({'backgroundColor':'red'}); 

하지만 .contents에게 빨간색으로 배경집니다 ...
그 이유는 알고 있습니까?
div.selected를 선택하고 해당 ID 값을 가져올 수 있습니까? 어쩌면 어떤 종류의 고리가 ..?
미리 감사드립니다.

Answer 1

선택기의 경우에는 :has() 래퍼를 그대로 두십시오. 는 ID의 경우,이 같은 .map()를 사용하는 ID의 배열을 얻을 수 있습니다 :

var ids = $('#bigBadDiv .selected').map(function() { return this.id; }).get(); 

You can test it out here합니다.

Answer 2

$('#bigBadDiv .selected').css({'backgroundColor':'red'}); 

Answer 3

당신은 당신이

$('*.div').attr('selected')? Do something if : do something if not; 

하여 결과를 조회 할 수있는 기준이

selected="selected" 

을 준수 사용하는 경우