jquery - 親または兄弟を使用したjquery

Question

こんにちは、1 つのページに複数のギャラリーがあり、ライトボックス スクリプトも使用しています。各ギャラリーに異なる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',
   });
});