jquery - 循环通过子 DIV 并获取 ID

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>

遍历所有子 DIVselected-area并将它们的每个 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);
});​​​​​

使用数组：

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

参考现场演示

更新：

另一种表示方式：-

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

参考现场演示 2