jquery使用父母或兄弟姐妹

Question

您好我在一个页面上有多个画廊，并且还使用了灯箱脚本。而不是必须以不同的方式识别每个画廊，我认为我可以使用父母或兄弟姐妹的功能，但我不能让它工作，任何人都可以帮忙吗？

<div id'gallery'>
<a id='galImage'>.....</a>
<a id='galImage'>.....</a>
<a id='galImage'>.....</a>
</div>

<div id'gallery'>
<a id='galImage'>.....</a>
<a id='galImage'>.....</a>
<a id='galImage'>.....</a>
</div>

<div id'gallery'>
<a id='galImage'>.....</a>
<a id='galImage'>.....</a>
<a id='galImage'>.....</a>
</div>

我正在使用的脚本是

$(function() {
   $('#gallery #imageGal').lightBox({
    overlayBgColor: '#FFF',
   });
});

我试过

$(function() {
   $("#gallery + #imageGal", this).lightBox({
    overlayBgColor: '#FFF',
   });
});

Answer 1

我建议您为此目的使用其他属性而不是ID。例如：

<div gallery='true'>
  <a galImage='true'>.....</a>
  <a galImage='true'>.....</a>
  <a galImage='true'>.....</a>
</div>

更新脚本：

$(function() {
   $('div[gallery] a[imageGal]').lightBox({
    overlayBgColor: '#FFF',
   });
});