Question

好的-我有很多 li 元素，它们的属性名称为 data-product-id ：

<li data-product-id="11111" data-category="ABC" data-producer="XYZ">

这很重要，问题是-在控制台中执行此操作

jQuery('li[data-product-id]').attr('data-product-id');

我仅获得第一个ID，并且我需要使用该格式的所有ID：

'11111', '22222', '33333'

谁能引导我找到解决方案。我没有jQuery的丰富经验，我需要在Google跟踪代码管理器中使用此特定内容。

Answer 1

您需要做的是each循环。

$(document).ready(function(){
    $.each($('li[data-product-id]'), function(){
        console.log($(this).attr('data-product-id'));
    }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<li data-product-id="11111" data-category="ABC" data-producer="XYZ">
<li data-product-id="22222" data-category="ABC" data-producer="XYZ">
<li data-product-id="33333" data-category="ABC" data-producer="XYZ">
<li data-product-id="4444" data-category="ABC" data-producer="XYZ">
<li data-product-id="5555" data-category="ABC" data-producer="XYZ">
<li data-product-id="6666" data-category="ABC" data-producer="XYZ">
<li data-product-id="7777" data-category="ABC" data-producer="XYZ">
<li data-product-id="88888" data-category="ABC" data-producer="XYZ">

干杯.. !!

Answer 2

您必须遍历每个匹配的元素，例如：

$(document).ready(function(){
  $('li[data-product-id]').each(function(){
    console.log( $(this).attr('data-producer') );
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<li data-product-id="11111" data-category="ABC" data-producer="XYZ">
<li data-product-id="22222" data-category="ABC" data-producer="ABC">

jQuery-获取指定类型的元素的所有属性值

2 个答案: