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

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);

希望有帮助！

Answer 2

您可以执行以下操作：

$('[data-value]').each(function(){
   console.log($(this).data('value'));
});

Answer 3

您可以使用.each（）方法迭代元素。

$('[data-value]').each(function() {
    console.log( $(this).data('value');
}

您也可以尝试修改，然后使用for循环。 当您执行$('[data-value]')[num] ，实际上得到的是本机元素，而不是jQuery对象，因此.data()不再可用。 要解决此问题，您可以将元素重新包装在jQuery对象中。 $( $('[data-value]')[num] ).data('value')