Question

我的HTML设置如下（为了示例，ID是为了制作）：

<div id="selected-area">
    <div id="01" class="folder-ready"> </div>
    <div id="02" class="folder-ready"> </div>
    <div id="03" class="folder-ready"> </div>
    <div id="04" class="folder-ready"> </div>
    <div id="05" class="folder-ready"> </div>
</div>

循环遍历selected-area的所有子DIV并将其每个ID放入数组的最简单方法是什么？

Answer 1

var array = new Array();

$('div','#selected-area').each(function(){
    array.push($(this).attr('id')); 
});

Answer 2

试试这样：

var idArray = $('#selected-area > div').map(function(){
    return this.id;
}).get();

Answer 3

你可以这样做： -

$('#selected-area div').each(function() {
    alert(this.id);
});

使用Array：

var tempArray = new Array();
$('#selected-area div').each(function() {
    tempArray.push(this.id);
});
alert(tempArray);

参考 LIVE DEMO

UPDATE：

另一种表达方式： -

var tempArray = $('#selected-area div').map(function() {
    return this.id;
}).toArray();
alert(tempArray);

参考 LIVE DEMO 2

循环通过子DIV并获取ID

3 个答案:

UPDATE：