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

【问题标题】：How can I get stripped image name using jQuery?如何使用 jQuery 获取剥离的图像名称？
【发布时间】：2011-09-14 19:19:27
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

您的代码可能如下所示：

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

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

【讨论】：

【解决方案3】：

例如：

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

【讨论】：