Jquery在正斜杠之间更改img src中的字符串

Question

我需要点击按钮获取img src，只需将第一个和第二个正斜杠之间的值从“galleryhomelarge”更改为“testtext”。

Js小提琴链接：quick setup of my scenario

Jquery代码：`$（function（）{     var image =“”;     var imageSrc =“”;     var imageCaption =“”;     var newImageCon =“”;     var newImageSrc =“”;

$('#button').click(function () {
    image = $('#demoimg');
    imageSrc = image.attr('src');
    imageCaption = image.attr('alt');
    newImageCon = $('#newimg-con');
    newImageCon.html("Old Image Source: " + imageSrc + "<br />Image Caption: " + imageCaption + "<br />New Image Source: " + newImageSrc);
});

}）; ` 谢谢，

伊恩

Answer 1

您可以这样做：

var src = $("img").attr("src");
src.replace("/galleryhomelarge/", "/testtext/");
$("img").attr("src", src);

我想你的图像链接是一致的，并且你不可能在第一个和第二个斜杠之间的地方有galleryhomelarge。

Answer 2

我想你想要这个：

$('img').each(
function(){
    var src = $(this).attr('src');
    if (src.indexOf('/') === 0){
        this.src = src.replace('/','');
    }
});

Answer 3

newImageSrc = imageSrc.replace(/(.*?)\/(.*?)\/(.*?)/, '$1/testtext/$3');