选择具有特定类的div的id

Question

我有一些非常相似的东西

<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>

我想选择的ID是唯一的.selected项目,我尝试使它

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

但它把.contents背景变成红色......
你知道为什么会这样吗？
你能帮我选择每个div.selected并取其id值吗？也许有某种循环..？

Answer 1

对于选择器,只需保留:has()包装器.对于ID部分,您可以使用以下方式获取一组ID .map():

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

你可以在这里测试一下.