如何获取数据属性的值并在 jquery 中使用它？

Question

我正在尝试获取图像上的数据属性值，然后使用该值来设置我的滑块速度，如何获取该值？我尝试了下面但 console.log 返回未定义..

var sliderSpeed = $('logo').data('data-speed');

console.log(sliderSpeed);

$('.infinite-slider').infiniteslide({

    'speed': sliderSpeed,

    clone: 10

  });

<li><img class="logo full-width" src="" data-speed="100"></li>

Answer 1

你忘了'。' 为了$('.logo')var sliderSpeed = $('.logo').data('speed');console.log(sliderSpeed);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><li><img class="logo full-width" src="" data-speed="100"></li>

Answer 2

用户attr方法：var&nbsp;sliderSpeed&nbsp;=&nbsp;$('.logo').attr('data-speed');

Answer 3

var&nbsp;sliderSpeed&nbsp;=&nbsp;$('logo').data('speed');默认情况下，数据函数获取所有数据属性。要过滤特定的数据属性，请将属性名称作为参数传递给数据函数。

Answer 4

你没有使用正确的选择器，如果你选择 $('logo') jquery 正在寻找带有标签标志而不是类标志的元素。如果你想通过类名选择 el 它应该是 $('.logo')要获取数据 - 只需使用任何属性$('.logo').data('speed')，您还可以使用 attr 获取价值$('.logo').attr('data-speed')