Как я могу получить название раздетого изображения, используя jQuery?

Question

Допустим, у меня есть элемент img с src = "img / highlow.png".

Как можно раздеться, чтобы получить alert('highlow');?

Answer 1

Вам нужно найти изображение, используйте prop (или attr, если у вас jQuery 1.5 или ниже), чтобы получить свойство src, а затем regex, чтобы получить нужную часть.

Ваш код может выглядеть так:

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);