Javascript 使用类jquery从类似选择器列表中对元素进行触发

我有一个类似以下内容的html代码：

<div class="col-md-7">   
  <div class="row launch">
       <img class="img-responsive" alt=""><br/>
  </div>
  <ul class="row gallery">
    <a href="" class="light-link col-xs-6 col-sm-4 col-md-3 ">
                        <img src=""/>
    </a>
  </ul>
 </div>
 <div class="col-md-7"> 
  <div class="row launch">
        <img class="img-responsive" alt=""><br/>
  </div>
  <ul class="row gallery">
    <a href="" class="light-link col-xs-6 col-sm-4 col-md-3 ">
            <img src=""/>
   </a>
  </ul>
</div>

但它不起作用，它总是将事件附加到列表中的第一个ul a“light link”，即使我单击列表中的第二个div“row launch”或第三个。。。 注意：对于lightgallery示例（使用类的多个库），我需要在用户在默认大图像上进行clic时触发缩略图上的clic，并激活相关库。

尝试

.find（）

函数和选择器

this

：

$('.launch').click(function(){
  $(this).next().find("a:first-of-type").trigger('click');
});

---

您可以使用

同级

和

子级

。请注意，要触发本机单击，您应该使用

get

，然后使用

click

功能来触发它

$（'.launch'）。单击（函数（）{
$（this）.sides（'ul'）。children（'light link'）。get（0）。click（）；
});









谢谢。这两个答案都有效，
所以我的问题和lightgallery有关

我有所有这些缩略图，当clic编辑其中一些时，您将激活lightgallery。但是，我还需要，当用户在较大的默认图像（不是缩略图）上点击clic时，它将通过在第一个拇指上触发clic来激活相关的图库

$('.launch').click(function(){
  $(this).next().find("a:first-of-type").trigger('click');
});