Question

我到处搜索过，我无法让它工作。我有一个按钮，我想用它作为加载灯箱图像的主要控件。

这是我的HTML

<li class="span1"> 
      <a href="https://farm4.static.flickr.com/3760/18492500814_4597807b9e_b.jpg" title="FLAG4_km003" class=" thumbnail" target="_blank" data-lightbox="lightbox">
       <img alt="FLAG4_km003" src="https://farm4.static.flickr.com/3760/18492500814_4597807b9e_z.jpg">
      </a>

 <div class="hover-box">
     <p>Title</p>
     <button class="view box-button">Zoom</button>
     <button class="request box-button">Request</button>
 </div>
 </li>

正如您所看到的，所需的灯箱链接已就位，但我想在用户点击“缩放”按钮时触发它的点击。

这是我目前无效的jQuery：

$(document).on('click', '.view', function(){ 
    $(this).closest("li.span1 a").click();
});

Answer 1

closest并非如此。它选择元素的第一个/最接近的匹配父元素。您应该首先选择最接近的li元素，然后选择子/后代a元素。

$(this).closest("li.span1").children('a').click();

您还可以使用parent和siblings方法选择目标元素：

$(this).parent("div.hover-box").siblings('a.thumbnail').click();

按钮上的触发灯箱功能点击jQuery

1 个答案: