How do you target child <img> inside <a> using :gt()?

How do you target child <img> inside <a> using :gt()?

Hello everyone

This is my first post in this forum concerning a bug which I would like a solid solution for.

I have HTML and JS code as below for a slideshow script and I would like to hide all of the images except for example1.jpg, but the JS code currently exposes all of the images:

<script type="text/javascript">
$(function(){
      $('.slideshow > :gt(0)').hide();})
</script>

 <dev class="slideshow">
      <a href="#"><img src="example1.jpg"></a>
      <a href="#"><img src="example2.jpg"></a>
      <a href="#"><img src="example3.jpg"></a>
      <a href="#"><img src="example4.jpg"></a>
</dev>


Please advise me how to target the <img> enclosed in <a> using :gt().


Thank you in advance