Javascript 如何使用jquery仅替换悬停时图像源的一部分？

您正在替换

src

代码，但没有将其重新分配

$(".navbar-nav li a").hover(function(){
        $(this).children("img").attr('src').replace('hover','static');
});

---

首先，

replace（）

的参数是错误的。其次，您需要在进行替换后实际设置值。最后，还需要为

hover（）

提供另一个函数参数，将原始图像设置回mouseout。试试这个：

$（“.navbar nav li a”）.hover（函数（）{
$（this）.children（“img”）.prop（'src'，function（i，src）{
返回src.replace（'static'，'hover'）；
})
}，函数（）{
$（this）.children（“img”）.prop（'src'，function（i，src）{
返回src.replace（'hover'，'static'）；
})
});




为什么要瞄准
，然后选择它的子项
？为什么不直接将其应用于图像

只需将整个图像切换到另一个图像即可。也就是说，img元素。现场串行下行表决器。。。你愿意对完全正确的答案发表评论吗？@SimeonSimeonoff不。我添加了一个片段，因为至少有两个人出于某种原因不相信这是有效的嘿，兄弟！谢谢，我只是想知道为什么要用函数传递i参数，以及is做了什么（我对jquery不太熟悉）。参数
i
是集合中元素的索引。这里是它的文档：OP以
a
为目标，因为它还包含一些文本以及
img
，并且可能他们想在文本悬停时更改src。另外，
replace（）
参数是错误的，这很公平。仅供参考，
replace（）
参数是错误的
$(".navbar-nav li a").hover(function(){
        $(this).children("img").attr('src').replace('hover','static');
});

$(".navbar-nav li a").hover(function(){
    var newSrc = $(this).children("img").attr('src').replace('hover','static');
     $(this).children('img').attr('src', newSrc)
});

$(".navbar-nav li a img").hover(function(){
    $(this).attr('src') = $(this).attr('src').replace('hover','static');
});