如何获取数据属性的值并在 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 sliderSpeed = $('.logo').attr('data-speed');

Answer 3

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

默认情况下，数据函数获取所有数据属性。要过滤特定的数据属性，请将属性名称作为参数传递给数据函数。

Answer 4

你没有使用正确的选择器，如果你选择 $('logo') jquery 正在寻找带有标签标志而不是类标志的元素。

如果你想通过类名选择 el 它应该是 $('.logo')

要获取数据 - 只需使用任何属性$('.logo').data('speed')，您还可以使用 attr 获取价值$('.logo').attr('data-speed')