選択のdivのIDS

Question

こんにちは私はアイテムを.selectedのみのIDを選択する。この

<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()ラッパーを残してください。

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

You can test it out here：IDの一部では、このような.map()を使用したIDの配列を取得することができます。

Answer 2

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

Answer 3

あなたは

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

で結果を照会することができる基準が

selected="selected" 

を準拠して使用する場合