类似Jquery图像.鼠标悬停时的图像替换

Jquery Image like .. image replace on mouseover

本文关键字：图像 替换 鼠标 Jquery 类似 悬停      更新时间：2023-09-26

我会替换鼠标悬停上的图片
我在这里找到了一个不错的脚本，但问题是页面上的所有图像都被替换了

这样，我会在选择时过滤图像
我把每一张照片的结尾都加上了"_rep"

我使用的代码：

$("img")
  .mouseover(function() {
    var src = $(this).attr("src").match(/[^'.]+/) + "_akt.png";
    $(this).attr("src", src);
  })
  .mouseout(function() {
    var src = $(this).attr("src").replace("_akt.png", ".png");
    $(this).attr("src", src);
  });

搜索类似的东西：

$("img like %_rep%")
//code mouseover, mouseout

如果我理解正确，您想替换名称末尾为_rep的图像吗？

在这种情况下，你可以这样做：

$('img[src$="_rep.png"]')

使用此

$("img[src$='_rep.png']")

[src]表示具有src属性的所有标签。[src$='_rep.png']表示src属性以"_rep.png"结尾的所有标签

看看这里https://api.jquery.com/attribute-ends-with-selector/我建议您在提供的链接中查看所有不同类型的JQuery选择器。

相关文章：