Question

我在一页的网站上有很多小的jQuery Cycle幻灯片div（容器），如

    <div class="foo bar" data-value="1000"> // data-value varies on each container
        <img src="directory/img_0.jpg" alt="img 0" />
        <img src="directory/img_1.jpg" alt="img 1" />
        <img src="directory/img_2.jpg" alt="img 2" />
    </div>

并希望将它们全部循环 - 每个幻灯片div具有不同的数据值 - 无需硬编码/重复

$(document).ready(function() {
  $('.foo.bar').cycle({
      speed: 300,
      timeout: 6000,
      delay: $('.foo.bar').data('value')
  });
});

对于此类幻灯片div的所有出现。如何将这样的jQuery函数“附加”或“绑定”或“链接”到每个幻灯片div，以便使用每个元素的不同数据值？我怀疑jQuery的.each（）函数可以允许我这样做 - 但是如何？

编辑fiddle

非常感谢你！

Answer 1

如您所述，.each()可让您轻松完成此任务：

$('.foo.bar').each(function() {
    $(this).cycle({
      speed: 300,
      timeout: 6000,
      delay: $(this).data('value')
    });
});

在.each回调中，this指的是您当前正在操作的元素。

使用jQuery的.each（）函数将函数附加到多个幻灯片容器

1 个答案: