Question

这是我的image tag

这是我获取src的jquery

$('.hoverme').mouseover(function(){
        console.log($(this).attr('src'));
    });

运作良好。现在在mouseover上我需要更改

来自

的src

/images/image_107/thumb/Ubuntu-Wallpaper-HD.jpg?1380112803

到

/images/image_107/large/Ubuntu-Wallpaper-HD.jpg?1380112803

我怎样才能实现它。

Answer 1

您可以使用替换

 $('.hoverme').mouseover(function(){
       console.log($(this).attr('src').replace("thumb", "large" ));
 });

如果你想确保它被替换的唯一东西添加“/”像

$('.hoverme').mouseover(function(){
       console.log($(this).attr('src').replace("/thumb/", "/large/" ));
});

Answer 2

你可以这样做：

$(this).attr('src').replace('/thumb/', '/large/');

Answer 3

如果必须更换，然后还原

$('.hoverme').hover(function () {
    $(this).attr('src', function (idx, src) {
        return src.replace('/thumb/', '/large/')
    })
}, function () {
    $(this).attr('src', function (idx, src) {
        return src.replace('/large/', '/thumb/')
    })
});

如果是单向

$('.hoverme').mouseenter(function () {
    $(this).attr('src', function (idx, src) {
        return src.replace('/thumb/', '/large/')
    })
});

Answer 4

一个解决方案就是：

<强> HTML

<img src="/images/image_107/thumb/Ubuntu-Wallpaper-HD.jpg?1380112803" data-large="/images/image_107/large/Ubuntu-Wallpaper-HD.jpg?1380112803" />

<强>的jQuery

$('img').mouseover(
    function()
    {
        var large = $(this).attr('data-large');
        var small = $(this).attr('src');

        $(this).attr('src', large);
        $(this).attr('data-large', small);
    }
);

// And for mouseout
$('img').mouseout(
    function()
    {
        var large = $(this).attr('src');
        var small = $(this).attr('data-large');

        $(this).attr('src', large);
        $(this).attr('data-large', small);
    }
);

Answer 5

你可以使用替换

$('.hoverme').mouseover(function(){
        var src = $(this).attr('src');
        var newSrc = src.Replace("thumb", "large");
        $(this).attr('src', newSrc);
    });

Answer 6

试试这个：

$('.hoverme').mouseover(function(){
        this.src="/images/image_107/large/Ubuntu-Wallpaper-HD.jpg?1380112803"
    });

jquery替换鼠标悬停时的特定单词

6 个答案: