如何只获得第一级div？

Question

我有一个 id 为 content 的 div，我想获取第一级 div 元素的 id，例如。 box1、box2、box3。这是怎么做到的？

<div id="content">
    <div id="box1" class="box1class">
        <div>...</div>
    </div>
    <div id="box2" class="box1class">
        <div>...</div>
    </div>
    <div id="box3" class="box1class">
        <div>...</div>
    </div>
</div>

Answer 1

使用> 子选项。

var ids = [];
$("#content > div").each(function() {
    ids.push(this.id);
});

您可以使用map() 进一步缩短此时间：

var ids = $("#content > div").map(function() {
    return this.id;
}).get();

Answer 2

$("#content > div")

像这样。你可以得到这样的 div 数组

   var array =  $("#content > div").map(function(){
       return this.id;
    }).get();

见 jsfiddle http://jsfiddle.net/DsyzV/

Answer 3

用途：

$("#content > div").each(function() {
  var divId = this.id;
});