while getting image src using jquery returns undefined
Question
$(document).ready(function() { var aa = $('.page-1 img').attr('src'); alert(aa); });
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <img src="dddddd.jpg" width="76" height="100" class="page-1" /> </body> </html>
while getting image scr using jquery returns undefined can anyone solve this problem?
2 answers
solution1
2 ACCPTED 2018-03-04 10:39:48
Your selector should be img.page-1 .
.page-1 img will try to find img tag inside an element with class .page-1 .
$(document).ready(function() { var aa = $('img.page-1').attr('src'); alert(aa); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img src="https://placebear.com/g/200/300" width="76" height="100" class="page-1" />
solution2
0 2018-03-04 10:40:00
You are using selector in wrong way. That's why script is return error. Since .page-1 is on the same element you need select it by following pattern.
$('img.page-1').attr('src');
<script> $(document).ready(function(){ var aa= $('img.page-1').attr('src'); alert(aa); }); </script>
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <img src="https://www.google.ae/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png" width="76" height="100" class="page-1" /> </body> </html>
.page-1 img this method will find the child img element of .page-1 . Since it is not and there is no child element so selector won't work.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.