Question

我想使用jQuery查找图像src并读取img src是否包含文本“window-16x16.png”，然后替换该图像。网址一直在变化，但图像文件名保持一致。

<table id="league_chat" class="homepagemodule report" align="center" cellspacing="1">
    <caption>
        <span>
            League Chat 
            <a href="javascript:chat_window('http://www20.myfantasyleague.com/2014/chat?L=52761&COUNT=40');">
                <img width="16" height="16" border="0" alt="New Window" title="New Window" src="http://www20.myfantasyleague.com/window-16x16.png"></img>
            </a>
        </span>
    </caption>
    <tbody></tbody>
</table>

Answer 1

$('img').each(function(){
  if($(this).attr('src').indexOf('window-16x16.png')){
    $(this).attr('src','new-path.png');
  }
}

Answer 2

$("img").each(function() {  
   var imgsrc = $(this).attr('src');
   if(imgsrc.indexOf('window-16x16.png')>-1){ //updated
      $(this).attr('src','new-img-src.png');
    }
  });

Updated DEMO

注意：仅在img src包含文本的地方替换代码 “窗口16x16.png”

Answer 3

这样的事情可能是：

$('#league_chat').find('img[src$="window-16x16.png"]').prop('src', function() {
    this.src = this.src.replace('window-16x16.png', 'window-32x32.png');
});

它会更改src属性以src结尾的所有图片的window-16x16.png。

用新图像替换包含特定文本的图像

3 个答案: