javascript - 使用 javascript 获取并保存所有 id

Question

我有这样的结构

<div id-"form-input">
   <div id="form1"></div>
   <div id="form2"></div>
   <div id="form3"></div>
   <div id="form4"></div>
</div>

我想获得一些形式，例如1，2，... n。我尝试使用此代码只是为了获取所有id。

var num = new Array();
var elems = $('div[id^=form]');
for (var i=0; i<elems.length; i++) {
   alert(elems[i]);
   num.push(elems[i]);
}
alert(num);

但它返回[object HTMLdivElement]。怎么了？我怎样才能得到这个号码？

Answer 1

使用 map() 方法，如下所示。

var num = $('div[id^=form]').map(function() {
    var id = this.id.split('form')[1];
    if(!isNaN(id))
        return +id; // + to convert string to num
}).get();
alert(num);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id-"form-input">
   <div id="form1"></div>
   <div id="form2"></div>
   <div id="form3"></div>
   <div id="form4"></div>
</div>