解析img src属性

Chr*_*ris 1 html css jquery

我正在使用jQuery在点击上显示图像.通过将图像的源存储到这样的变量中,这可以正常工作.

var theSrc = $(event.target).attr('src');
Run Code Online (Sandbox Code Playgroud)

然后,我可以将此图像放入div中并显示它

var theImg = '<div class="wrap"><img src="'+imgSrc+'"></div>';
Run Code Online (Sandbox Code Playgroud)

我想做的是简单地将图像的来源稍微改为同一目录中较大的文件,通过在名称后附加"Big"

image.png
Run Code Online (Sandbox Code Playgroud)

imageBig.png
Run Code Online (Sandbox Code Playgroud)

这可能使用jQuery吗?

tym*_*eJV 6

你可以这样做:

var theSrc = $(event.target).attr('src');
theSrc = theSrc.split(".")[0] + "Big." + thetheSrc.split(".")[1];
Run Code Online (Sandbox Code Playgroud)