如何從選擇器中獲取所有元素包含的屬性的每個值？

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