Jquery图像像..图像替换鼠标悬停

时间:2015-10-27 09:39:09

标签: javascript jquery html dom

我会在鼠标悬停时替换图片 我发现了一个很好的脚本here,但问题是页面上的所有图像都被替换了。

这样我会在选择时过滤图像。
我在每张图片中添加了结尾" _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

2 个答案:

答案 0 :(得分:2)

如果我理解正确,你想要替换姓名为_rep的图像?

在这种情况下,您可以这样做:

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

答案 1 :(得分:1)

使用此

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

[src]表示所有带有src属性的标记。 [src$='_rep.png']表示所有标记的src属性以' _rep.png'

结尾

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