jquery - 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);
      }
    );