Javascript 或 Jquery 使用 foreach 添加到通用对象

Question

我正在尝试重新创建：

formData = {
  'Username': $('input[name=Username]').val(),
  'FirstName': $('input[name=FirstName]').val(),
  'LastName': $('input[name=LastName]').val(),
  'Email': $('input[name=Email').val(),
  'DisplayName': $('input[name=DisplayName').val()
}

在form 输入上使用foreach：

formData = {
  function() {
    $('#Edit-@Dnn.ModuleContext.ModuleId input, #Edit-@Dnn.ModuleContext.ModuleId select').each(
      function(index) {
        var input = $(this);
        n = input.attr('name');
        v = input.val();
        return { n: v }
      }
    );
  }
}

当然，这是行不通的。它只是描述了我正在尝试做的事情。 n 和 v 值是正确的。我可以通过alert 获得正确的输出。它只是在创建我遇到问题的formData。

我该怎么做？

Answer 1

你不需要jQuery来解决它：

var formData = {};
var inputs = document.querySelectorAll('#Edit-@Dnn.ModuleContext.ModuleId input, #Edit-@Dnn.ModuleContext.ModuleId select');
for (var i = 0; i < inputs.length; ++i) {
  formData[inputs[i].name] = inputs[i].value;
}

或者如果你不需要支持IE：

var formData = {};
for (var input of document.querySelectorAll('#Edit-@Dnn.ModuleContext.ModuleId input, #Edit-@Dnn.ModuleContext.ModuleId select')) {
  formData[input.name] = input.value;
}

Answer 2

比我想象的要简单：

formData = {};
$('#Edit-@Dnn.ModuleContext.ModuleId input, #Edit-@Dnn.ModuleContext.ModuleId select').each(
  function(index) {
    var input = $(this);
    formData[input.attr('name')] = input.val();
  }
);