如何用正则表达式和jquery替换src

Question

我有以下输出。

<img width='70' height='70' class='centreimg' src="http://localhost/aktivfitness_new/assets/images/centre/centre1.jpg" />

与centre2.jpg等有相同的输出 现在我想在我悬停时将此centre1.jpg替换为hover.jpg。

但是当我使用以下内容时，它变成了centre1hover.jpg

 $(".centreimg").mouseover(function() {
        var hoverimg = $(this).attr("src").match(/[^\.]+/) + "hover.jpg";
        ...

匹配（/[^.]+/）+“hover.jpg部分有问题。 我怎么能这样做？

提前致谢。

Answer 1

你认为这不容易吗：

var newSrc = oldSrc.replace(/[^\/\.]+\./, 'hover.');

无论如何：你不应该使用Javascript进行悬停=）如果有另一种方法：使用它。这不仅是一种不好的做法，而且也不是用户友好的：当您悬停时图像加载时，用户将看到“闪光”，因为整个图像仍然需要加载=不漂亮。