Jquery 基于标题更改悬停时的图像

好的，所以我试着让5张图片在悬停时根据它们的标题进行更改。我有一个代码，它部分工作，我相信我写得不对。所以我将发布两次尝试，希望有人能理解我在尝试做什么

$(document).ready(function() { 
var found = $('.user-basic-info img'); 
 found.filter('[src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png"]')
  .hover(function(){
 $(this).closest('img').replaceWith('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>');
 });
});



$(document).ready(function() { 
var found = $('.user-basic-info img'); 
 found.filter('[src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png"]')
  .hover(function(){
 $(this).closest('img').onMouseEnter('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>').onMouseOut('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png"/>');
 });
}); //this code works partly as well, I just get no method of onMouseEnter

最近（'img'）

将永远无法工作，因为图像没有子体。将其从方法链中删除：

$(this).replaceWith('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>');

也可以按title属性进行过滤。您发布的代码段应该可以正常工作。

最近（'img'）

将永远无法工作，因为图像没有子体。将其从方法链中删除：

$(this).replaceWith('<img alt="" src="http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"/>');

也可以按title属性进行过滤。您发布的代码片段应该可以正常工作。

您可以尝试以下方法：

$(document).ready(function() { 
    $('.user-basic-info img[title=Founder]').hover(
        function() {
            $(this).attr('src', "http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"​);
        },
        function() {
            $(this).attr('src', "http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png");
        }
    );
});

您可以尝试以下方法：

$(document).ready(function() { 
    $('.user-basic-info img[title=Founder]').hover(
        function() {
            $(this).attr('src', "http://i13.servimg.com/u/f13/17/83/35/07/adming10.png"​);
        },
        function() {
            $(this).attr('src', "http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png");
        }
    );
});

$（'.user basic info img[title=Founder]'）。悬停（函数（）{
$（this.attr（'src'，'http://i13.servimg.com/u/f13/17/83/35/07/adming10.png');
},
函数（）{
$（this.attr（'src'，'http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png');
});

像这样的东西对你有用吗

$（'.user basic info img[title=Founder]'）。悬停（函数（）{
$（this.attr（'src'，'http://i13.servimg.com/u/f13/17/83/35/07/adming10.png');
},
函数（）{
$（this.attr（'src'，'http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png');
});

像这样的东西对你有用吗

---

感谢Asad回答我的第二个问题（我终于学会了lol），我将试用

$（这个）。替换为（

谢谢你给我2分钟的时间好吧，同样的事情发生在我身上，是的

.attr（'src'，'imgsrc.png'））；

比我最初发布的内容更干净。我需要让它在之后返回到img。感谢Asad回答我的第二个问题（我终于学会了lol）。我将尝试

$（这个）。替换为（

谢谢你给我2分钟的时间OK，所以同样的事情发生在我身上，是的

.attr（'src'，'imgsrc.png'））

比我最初发布的更干净。我需要使它在之后返回到img。哈哈，你和约翰尼·莫普同时发布了相同的答案。哈哈，你和约翰尼·莫普同时发布了相同的答案。我喜欢这段代码，它比我的代码更干净。你能给我解释一下这两个函数是如何工作的吗？我看到你有一个

.hover（function（）{

那么下一个就是

function（）

从来没有这样写过，所以我很清楚jQuery hover函数可以有两个参数（函数内，函数外）：嘿，johny，如果我想做

（'.post'）。hover（function（））{

如何编写更改图像的后续步骤？

a.attr（）

？添加了jQuery，我刚开始工作，没有看到更多的代码，我不知道你想做什么。查看这个jsfiddle以获得我认为你想要的两个示例。基本上，img位于div

。用户基本信息
中，它位于主div
中。post
因此，如果我有
。post
我希望调用的img在鼠标在某个
.post
中，因为有很多它是一个论坛网站。我喜欢这个代码，它比我的干净。你能给我解释一下这两个函数是如何工作的吗？我看到你有一个
.hover（function（）{
然后下一个就是
函数（）
从来没有这样写过，所以我不知道jQuery hover函数可以有两个参数（函数内，函数外）：嘿，johny，如果我想做
（'.post'）.hover（函数（）{
我该如何写下更改图像的下一步？
a.attr（）
？添加了jQuery，我刚开始工作，没有看到更多的代码，我不知道你想做什么。查看这个jsfiddle以获得我认为你想要的两个示例。基本上，img位于div
。用户基本信息
中，它位于主div
中。post
因此，如果我有
。post
我希望调用的img在鼠标位于某个
.post
中，因为它是一个论坛网站
<img class=".user-basic-info" title="Founder" src="http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png">


$('.user-basic-info img[title=Founder]').hover(function() {
    $(this).attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adming10.png');
},
function() {
    $(this).attr('src','http://i13.servimg.com/u/f13/17/83/35/07/adminn10.png');
});