javascript - JQuery中如何获取嵌套div的每个第一个元素的id

Question

这是我的HTML代码

<div id="parent">
    <div id="computer">
        <div id="items">
            <div id="1">hp</div>
            <div id="2">compaq</div>
            <div id="3">toshiba</div>
        </div>
    </div>
    <div id="laptop">
        <div id="1">i5</div>
        <div id="2">dual core</div>
        <div id="3">i3</div>
    </div>
    <div id="printer">
        <div id="laser">hp laser</div>
    </div>
    <div id="cpu">
        <div id="item">
            <div id="1">pintuim</div>
            <div id="2">celeron</div>
        </div>
    </div>
    <div id="scanner">
    <div id="canon">
            <div>canon</div>
        </div>
    </div>
</div>`

我正在尝试获取父 div 的每个第一个元素的 id那就是得到一个array=[计算机、笔记本电脑、打印机、cpu、扫描仪]

这是我的 jquery 代码，但它占用了一切。

var a = $("div.content :nth-child(1)")find("*").toArray();

我需要一些帮助谢谢

Answer 1

jQuery 中有一个选择器将返回子级的第一级: DEMO

var a=[];
$("#parent > div").each(function(){ // using > will return the first level of children
    a.push($(this).attr('id'));
});
alert(a);