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

Question

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

如何剥离以获得alert('highlow');？

Answer 1

你需要找到图像，使用prop（如果你有jQuery 1.5或更低版本，则使用attr）获取src属性，然后使用正则表达式获取你想要的部分。

您的代码可能如下所示：

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

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

Answer 2

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

Answer 3

例如：

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