[英]jQuery: Loop through elements by class and create associative array
我有一个可变的元素列表,需要成对获取它们的名称和值(关联数组或对象)。
到目前为止,我有以下内容,但如何为每个元素创建名称和值对?
var names = [];
var values = [];
$('.modalField').each(function() {
fieldName = $(this).attr('name');
fieldVal = $(this).val();
names.push(fieldName);
values.push(fieldVal);
});
谢谢你的帮助,
汤姆
使用括号表示法。
var assoc = {};
$('.modalField').each(function() {
let fieldName = $(this).attr('name');
let fieldVal = $(this).val();
assoc[fieldName] = fieldVal;
});
(此外,您应该在 function 中使用 let/var/const 初始化变量,这样它们就不会泄漏到全局 scope 中。)
您说名称-值,但您似乎想要一个 object
你可以做任何一个
// Object const obj = {}; $('.modalField').each(function() { const fieldName = $(this).attr('name'); const fieldVal = $(this).val(); obj[fieldName] = fieldVal }); console.log(obj) // OR Name-Value pair const arr = $('.modalField').map(function() { return { [$(this).attr('name')]: $(this).val() } }).get() console.log(arr)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input name="a" value="1" class="modalField" /> <input name="b" value="2" class="modalField" /> <input name="c" value="3" class="modalField" /> <input name="d" value="4" class="modalField" />
像这样的东西?
var fields = []; $('.modalField').each(function() { var name = $(this).attr('name'); var value = $(this).val(); fields.push({ name, value }); }); console.log(fields);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <input class="modalField" name="n1" value="v1" /> <input class="modalField" name="n2" value="v2" /> <input class="modalField" name="n3" value="v3" /> </div>
Output:
[
{
"name": "n1",
"value": "v1"
},
{
"name": "n2",
"value": "v2"
},
{
"name": "n3",
"value": "v3"
}
]
我建议您创建一个 object,而不是名称和值数组。
var obj ={};
$('.modalField').each(function() {
obj[$(this).attr('name')] = $(this).val();
});
因此,这样您将拥有像这样的 object(名称仅用作示例): {"name1":"val1","name2":"val2","name3":"val3"}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.