Javascript 命名和放置div

我问这个问题更多的是为了简化我的代码。我觉得这是可能的，但不确定如何实现。我希望这些div使用相同的JS函数彼此相邻，但我只能通过为某些div指定唯一的名称来实现这一点，而我觉得这可能是不必要的

CSS:

HTML:

---

您可以使用类而不是ID

$('.slidercell').contenthover({
    effect: 'slide',
    slide_speed: 300,
    overlay_background: '#000',
    overlay_opacity: 0.8
});

---

小提琴：总是有更多的选择

$('.slider > img').contenthover({
  effect: 'slide',
  slide_speed: 300,
  overlay_background: '#000',
  overlay_opacity: 0.8
});

如果您使用上面的选择器字符串，它会将DIV的所有直接子项IMG标记与类“slider”匹配

---

jQuery的（基本上）选择器使用CSS选择器。您可以在此处阅读有关儿童选择的信息：

非常感谢！我喜欢做事总是有不止一种方法。很高兴这有帮助。。但艾曼纽的回答是正确的，所以请接受他的回答：）

$('#slidercell01').contenthover({
effect: 'slide',
slide_speed: 300,
overlay_background: '#000',
overlay_opacity: 0.8
});
$('#slidercell02').contenthover({
effect: 'slide',
slide_speed: 300,
overlay_background: '#000',
overlay_opacity: 0.8
});
$('#slidercell03').contenthover({
effect: 'slide',
slide_speed: 300,
overlay_background: '#000',
overlay_opacity: 0.8
});

$('#slidercell01,#slidercell02,#slidercell03').contenthover({
    effect: 'slide',
    slide_speed: 300,
    overlay_background: '#000',
    overlay_opacity: 0.8
});

$('.slidercell').contenthover({
    effect: 'slide',
    slide_speed: 300,
    overlay_background: '#000',
    overlay_opacity: 0.8
});

$('.slider > img').contenthover({
  effect: 'slide',
  slide_speed: 300,
  overlay_background: '#000',
  overlay_opacity: 0.8
});