如何在 jQuery 中获取名称数组值 - Javascript

在 jQuery 中，我们可以使用不同的方法来获取名称（name）数组的值。下面是其中几种方法：

1. 使用 jQuery 的 .map() 方法

jQuery 的 .map() 方法可以返回一个由每个元素的返回值组成的新数组，从而让我们可以轻松地获取名称数组的值。

var names = $('input[name^="name"]').map(function() {
    return this.value;
}).get();

在上面的代码中，我们首先选中了所有以 "name" 开头的输入框，然后使用 .map() 方法来遍历这些输入框，并返回每个输入框的值。最后，我们使用 .get() 方法将所有值组成的数组返回。

2. 使用 jQuery 的 .each() 方法

另一种获取名称数组的值的方法是使用 jQuery 的 .each() 方法来遍历所有名称相同的输入框，并将它们的值添加到一个数组中。

var names = [];
$('input[name="name"]').each(function() {
    names.push($(this).val());
});

在上面的代码中，我们首先选中了所有名称为 "name" 的输入框，然后使用 .each() 方法遍历这些输入框，并将每个输入框的值添加到一个数组中。

3. 使用 JavaScript 的纯数组方法

除了 jQuery 的方法之外，我们还可以使用 JavaScript 的纯数组方法来获取名称数组的值。

var names = Array.from(document.querySelectorAll('input[name="name"]')).map(function(input) {
    return input.value;
});

在上面的代码中，我们首先使用 document.querySelectorAll() 方法来选中所有名称为 "name" 的输入框，然后使用 Array.from() 方法将它们转换成一个数组。最后，我们使用 .map() 方法来遍历这个数组，并返回每个输入框的值。

无论你使用哪种方法，都可以轻松地获取名称数组的值，从而让你能够更好地处理表单数据。