javascript - 使用 JQuery 更改 img src 但完整保留路径信息？

Question

我正在使用 JQuery 来切换图像源:

$("#myImg").attr("src", "../../new.gif");

注意新 src 上的相对路径。不幸的是，这在我部署我的应用程序时不可移植。在我的 MVC 应用程序中，我使用的是 ResolveUrl() 方法，该方法将为我解决路径问题，因此它是可移植的，但现在我的 JQuery 图像 src 交换器无法正常工作，因为它现在将正确解析的路径切换到损坏的相对路径.

<img id="myImg" src="<%=ResolveUrl("~/Images/transparent.gif")%>" />

我想要的是让 JQuery 翻转实际的文件名并保持路径不变。我的第一个想法是

// pseudocode javascript jquery on my thought on how to approach this prob
var oldFullPath = $('#myImg").GetTheImgSrc;
var newFileNameWithPathIntact = someRegexAddNewFileNameWithOldPath
$("#myImg").attr("src", newFileNameWithPathIntact);

但这对我来说似乎相当粗俗和非 JQuery。谁有更好的方法？

Answer 1

你可以使用这样的东西:

var oldImage =$("#myImg").attr("src");
var imagePath = oldImage.slice(0, oldImage.lastIndexOf("/")) + "/new.gif";
$("#myImg").attr("src", imagePath ); 

编辑:更好的代码...:)