使用jquery替换html中的字符串

Question

我正在寻找一种在文件名中添加下划线（并从同级中删除“_”）的方法，以便显示新的“点击”图像。

例如：

以“my_image1_.png”开头（表示它被点击），我希望当我点击“my_image2.png”时更改为“my_image2_.png”

提前致谢！

 $('.img_icons_result').click(function(){
  $(this).html($(this).html().replace('_.png', '.png'))
   return false;
 });

<img src="img/icons/my_image1.png" class="img_icons_result" />
<img src="img/icons/my_image2.png" class="img_icons_result" />
<img src="img/icons/my_image3.png" class="img_icons_result" />
<img src="img/icons/my_image4.png" class="img_icons_result" />

Answer 1

你不应该使用 html。您应该只替换 src attr

$('.img_icons_result').click(function(){
   $(this).attr('src', $(this).attr('src').replace('_.png', '.png'));
   return false;
 });