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

Question

我有以下输出。

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

有与center2.jpg等相同的输出。现在，我想在悬停时将center1.jpg替换为hover.jpg。

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

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

match（/[^.]+/）+“ hover.jpg part。出了点问题。我该怎么办？

提前致谢。

Answer 1

您不觉得这样会更容易吗？

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

无论如何：您不应该将Javascript用于悬停=）如果还有另一种方法：请使用它。 这不仅是一种不好的做法，而且也不是用户友好的：悬停时在加载图像时，用户会看到“闪光”，因为整个图像仍必须加载=不美观。