使用父母或兄弟姐妹的jQuery

Question

您好，我在一页上有多个画廊，并且还使用灯箱脚本。 我认为不必使用不同的ID来标识每个画廊，而是可以使用父级或同级函数，但是我无法使其正常工作，有人可以帮忙吗？

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