如何只获得第一级div?

时间:2012-04-10 11:02:46

标签: javascript jquery html jquery-selectors

我有一个id为content的div,我希望获得第一级id元素的div,例如。 box1box2box3。怎么办呢?

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

3 个答案:

答案 0 :(得分:6)

使用>子选择器。

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

您可以使用map()

进一步缩短此范围
var ids = $("#content > div").map(function() {
    return this.id;
}).get();

答案 1 :(得分:5)

$("#content > div")

喜欢这个。你可以像这样获得div的数组

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

请参阅jsfiddle http://jsfiddle.net/DsyzV/

答案 2 :(得分:1)

使用:

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