jquery中的正则表达式来获取图像文件名

Question

我想用jquery从图像的src中分别提取带有路径及其扩展名的文件名.

例如:

<img src="images/cat/kitty.gif" id="myimg" />

我需要从上面的代码中获取"images/cat/kitty"和".gif".

我该怎么做？

Answer 1

您可以简单地使用attr方法:

$('#image_id').attr('src');

如果您想单独使用名称和扩展名,可以执行以下操作:

var arr = $('#image_id').attr('src').split('.');
alert(arr[0]);    // name
alert(arr[1]);    // extension

Answer 2

仅提取文件名:

    var name = $('#myimg').attr("src");
    var parts = name.split('/');
    name = parts[parts.length-1];