javascript - 如何从选择器中获取所有元素包含的属性的每个值？

Question

这是我的第一个问题，我希望这是有道理的，因为我在 javascript/jquery 方面还是个菜鸟。

因此，我有大量具有自定义属性 data-value=<?php echo $value ?> 的元素

页面加载后，我有一些 javascript $('[data-value]')选择页面上具有属性“data-value”的所有元素。这将返回一个包含所有相关元素的数组。然后我尝试使用 $('[data-value]').data('value') 获取值.现在，虽然这会返回正确的结果，但它只会为它遇到的第一个元素返回它。我尝试使用 $('[data-value]')[num].data('value') 遍历代码其中“num”介于零和数组长度之间。遗憾的是，这没有用。

那么有什么方法可以获取所有被选元素具有的特定属性的所有值吗？

Answer 1

要获取所有选定元素的值，您需要遍历列表并选择这些元素的值，如下所示:

var values = $("[data-value]").map(function(i, el) {
  return el.data('value');
});

console.log(values);

希望对您有所帮助!