如何使用jQuery获取已剥离的图像名称？

Question

假设我有一个带有src =“img/highlow.png”的img元素。

怎样才能取下alert('highlow');？

Answer 1

你需要找到的图像，使用prop（或attr如果您有jQuery的1.5或以下），以获得src属性，则正则表达式来得到你想要的部分。

您的代码可能是这样的：

alert($('#yourImageId').prop('src').match(/(\w*)\.\w{3,4}$/)[1]); 

这假设图像没有非单词字符（即它只是A-Za-z0-9_），它的文件扩展名是长3个或4个字符。如果这是不正确的，你将不得不修改它。

Answer 2

例如：

var x = "img/highlow.png"; 
var y = x.substring(x.lastIndexOf("/"), x.lastIndexOf(".") - 1); 

Answer 3

var src = $('#id_of_your_img_element').prop('src'); 
var name = src.replace(/^.*\/|\.png$/g, ''); 
alert(name);