Hide image from second and third div using jquery

by Vijay Pancholi

HTML

<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>

<div class="block_content">
    <img width="50" height="50" src="https://i.imgur.com/OB0y6MR.jpg"> 
     <br>
    <p>Img 1 Show</p>
</div>
<div class="block_content">
    <img width="50" height="50" src="https://i.imgur.com/OnwEDW3.jpg">
    <br>
    <p>Img 2 Hide</p>
</div>
<div class="block_content">
    <img width="50" height="50" src="https://i.imgur.com/CzXTtJV.jpg">
    <br>
    <p>Img 3 Hide</p>
</div>

</body>
</html>

JavaScript

$(document).ready(function (){
    $("div.block_content").find("img").eq(1).hide(); // eq(1) mean second element to target
    $("div.block_content").find("img").eq(2).hide(); // eq(2) mean third element to target
 });