jquery - 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',
   });
});