获取特定的div

Question

similiar ID的所有DIV值我有一个div结构像下面

<div id=main"> 
<input type="hidden" id="people_0_1_0" value="12"/> 
<input type="hidden" id="people_0_1_1" value="12"/> 
</div> 

现在如何在一个变量添加所有隐藏的输入值。感谢

Answer 1

使用jQuery的map功能

var myArray = $('#main input').map(function(){ 
    return $(this).val(); 
}).get(); 

它将收集所有输入的值（在本例12和12），以数组变量。

见的jsfiddle http://jsfiddle.net/GkXUS/1/

如果你想获取值的总和，你可以做以下

var total = 0; 
$.each(myArray,function() { 
    total += parseInt(this,10); 
}); 
​ 

Answer 2

我想你想的：

var hidden_value = new Array(); 
var hiddens = document.getElementById("main").childNodes; 
for(i = 0 ; i < hiddens.length ; i++){ 
    hidden_value.push(hiddens[ i ].value); 
} 

Answer 3

var total = 0; 

$('#main input[id^="people_"]').each(function(){ 
    total += parseInt(this.value, 10); 
}); 

注意，我我正在使用属性从选择器开始，以查找其ID为开始的所有输入元素。

total会给你所有输入元素值的总和。

Answer 4

你可以尝试这样的事：

var peopleData = $("#main input[type=hidden]").serializeArray(); 

Answer 5

把值的变量是没有意义的。您可以在一个阵列插入值，并执行所需的操作

Answer 6

使用普通的JavaScript

var els=document.getElementById('main').childNodes; 
var a​llVal​=​​​​​​​​[]; 
for(i=0; i<els.length-1; i++) 
{ 
    if(els[i].nodeType != 3 && els[i].type=="hidden") allVal.push(els[i].value); 
} 
console.log(allVal); // the array 
console.log(allVal[0]); // first value 

一个例子是here。