how can find img tag inside div using jquery
i want to find img tag from #divimages and get there src attribut and show in alert box
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="AdminPannel_Default2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>LearntUs</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<link rel="shortcut icon" type="image/x-icon" href="../icon.ico" />
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
<link href="attachfiles/jquery-ui.css" rel="stylesheet" />
<link href="attachfiles/jquery-ui.theme.css" rel="stylesheet" />
<style>
.editor {
width:100%;
background-color:lightgrey;
height:auto;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="divimages" class="editor">
<p>Hello i am sajid</p>
<h1>Sajid Hussain</h1>
<p><span style="background-color: #ff6600;">
<img src="https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="beauty" width="500" height="355" /></span></p>
<p> </p>
<p>Beauty of the Nature is Good and BAd for HEalth Tell me the Exact word to clearufyBeauty of the Nature is Good and BAd for HEalth Tell me the Exact word to clearufyBeauty of the Nature is Good and </p>
</div>
<input id="Button1" type="button" value="button" />
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="attachfiles/jquery-ui.js"></script>
<script src="attachfiles/jquery-ui.min.js"></script>
<script>
$(function () {
$('#Button1').click(function () {
var imgs = $('#divimages p span').children('img').map(function () {
return $(this).attr('src')
}).get()
alert(imgs);
})
})
</script>
</form>
</body>
</html>
