HTML
<div class="row">
<div class="col-xs-5 stateName">Kuala Lumpur</div>
<div class="col-xs-7"><input id="1" placeholder="0.00" type="text"/></div>
</div>
<div class="row">
<div class="col-xs-5 stateName">Kuala Kangsar</div>
<div class="col-xs-7"><input id="2" placeholder="0.00" type="text"/></div>
</div>
我的JS
var stateArr = [],
tempObj = {};
$('.stateName').each(function(){
tempObj.id = $(this).next('div').find('input').attr('id');
tempObj.name = $(this).text();
stateArr.push(tempObj);
});
console.log(stateArr)
我的结果都是 Kuala Kangsar
,知道我的循环出了什么问题吗?当我将对象插入循环中的数组时,我认为我正确地完成了循环?
最佳答案
在循环内声明对象tempObj={}
var stateArr = [];
$('.stateName').each(function(){
var tempObj = {}; // declare obj inside loop
tempObj['id'] = $(this).next('div').find('input').attr('id');
tempObj['name'] = $(this).text();
stateArr.push(tempObj);
});
console.log(stateArr);
<强> Demo
关于javascript - 循环并将对象插入数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31605958/