jQuery从图像src属性中删除文本

Question

使用jQuery，我想在悬停时更改src属性。 例如，我有以下HTML：

<img src="convert.php?image=images/example.jpg" alt="#" />

悬停时，我要删除“ convert.php？” 字符串，以便HTML为：

<img src="image=images/example.jpg" alt="#" />

必须简单吗？

Answer 1

回答了自己的问题。 找到了这个片段。

$('.item img').each(function(e){
    var src = $(this).attr('src');
    $(this).hover(function(){
      $(this).attr('src', src.replace('convert.php?image=', ''));
    }, function(){
     $(this).attr('src', src);
    });
  });

Answer 2

可以使用attr(function(){}

以下也会在mouseleave上还原图像

$(".item img").hover(function () {
      var convert='convert.php?image=';
     $(this).attr('src',function(idx, attr){
          return attr.indexOf(convert) <0 ? convert+attr : attr.replace(convert,'');
     });
});

当只有一个函数作为参数传递给悬停时，它将同时在mouseenter和mouseleave事件中运行

Answer 3

  $("img").hover(
      function () {
        var src = $(this).attr('src');
        jQuery.data(this, 'old_source', src);
        srcNew = src.replace("convert.php?", "");
        $(this).attr('src', srcNew);
        $(this)., srcNew);
      },
      function () {
        var src = $(this).data('old_source');
        $(this).attr('src', src);
      }
    );