Javascript to type "alt" from image url omitting specific characters

Question

The following script works but not as expected.

<img class="img" src="https://photoooo.com/Name-Name2.jpg" width="200" height="300" />

$(document).ready(function() {  
  $('img').each(function(){  
   var $img = $(this);
   var filename = $img.attr('src')  
     if (typeof attr == typeof undefined || attr == false){
        $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
    }  
  });  
 });

I would like to modify the script so that it fetches the name of the photo to "alt" from the url of the photo. Excluding characters: "-" and ".jpg".

Answer 1

use the replace method to remove the specific characters from the filename before setting it as the alt attribute

 $(document).ready(function() { $('img').each(function(){ var $img = $(this); var filename = $img.attr('src') if (typeof attr == typeof undefined || attr == false){ console.log(filename) var altText = filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')) altText = altText.replace("-", "").replace(".jpg", "") $img.attr('alt', altText); console.log(altText) } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img class="img" src="https://cdn.pixabay.com/photo/2017/03/01/15/40/internationalwomensday-2108838_960_720.png" width="200" height="300" />