javascript - Trigger lightbox functionality on button click jQuery -

i've searched on , i'm unable work. i've got button want use main control load lightbox image.

here 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> 

as can see required lightbox link in place want trigger click of when user clicks on 'zoom' button.

here jquery isn't working:

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

closest doesn't work that. selects first/closest matching parent of element. should @ first select closest li element , select child/descendant a element.

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

you use parent , siblings methods selecting target element:

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