从 jQuery 中的选择中按名称数组获取值 - Javascript

在使用 jQuery 的选择器时，有时我们需要从选择结果中获取多个元素的值。如果已知这些元素的名称，我们可以使用数组来实现。本文将介绍如何使用 jQuery 中的选择器按名称数组获取值。

实现步骤

1. 获取需要选择的元素的名称数组。
2. 构建选择器字符串。
3. 使用选择器字符串来选择需要的元素。
4. 遍历选择结果，获取每个元素的值。
5. 将值存储在数组中，以便后续使用。

下面是示例代码：

// 获取需要选择的元素的名称数组
var names = ['name', 'age', 'email'];

// 构建选择器字符串
var selector = '';
for (var i = 0; i < names.length; i++) {
  selector += '[name="' + names[i] + '"]';
}

// 使用选择器字符串来选择需要的元素
var elements = $(selector);

// 遍历选择结果，获取每个元素的值
var values = [];
elements.each(function(index) {
  values.push($(this).val());
});

// 输出获取的值
console.log(values);

在上面的代码中，我们首先定义了一个需要选择的元素的名称数组 names。然后，我们通过遍历这个数组来构建选择器字符串 selector，其中每个元素的名称都被包含在一个属性选择器中。

接下来，我们使用选择器字符串来选择需要的元素，并将它们存储在一个变量中。然后，我们遍历这些元素，并使用 jQuery 的 val() 方法来获取每个元素的值，并将这些值存储在一个数组中。

最后，我们输出这个数组，以便我们可以查看获取的值是否正确。

总结

使用数组来按名称在 jQuery 中的选择器中获取值是一种非常方便的方法。我们只需要遍历数组来构建选择器字符串，然后使用选择器字符串来选择需要的元素，并遍历这些元素来获取它们的值。这样做不仅简单，而且易于维护。