Question

我正在尝试使用jquery（带有MOBILE的POST）将鼠标悬停时更改img src的一部分。这是html代码

<a onclick="slideshow(7); return false;"href="http://example.com/12345">
<img src="https://DEF.com/123-post.jpg" width="200" heigh="200" class="fish" id="thumbnail_5">
</a>

这是jQuery

$('a img').hover (function(){
    this.src = this.src.replace('post','mobile');
});

也许我做错了什么。请帮帮我

Answer 1

您应该将新字符串放在String.replace()的第二个参数中，而不要使用两次。

$('a img').hover(function(){
  this.src = this.src.replace('post', 'mobile');
});

$('a img').hover(function(){
  this.src = this.src.replace('post', 'mobile');
  console.log(this.src);
});

img {
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://example.com/12345">
  <img src="http://aDEF.com/123-post.jpg" width="200" heigh="200" class="fish" id="thumbnail_5">
</a>

使用jQuery替换img src

1 个答案: