在属性值内查找和替换答案

【问题标题】：Find and replace within attribute values在属性值内查找和替换
【发布时间】：2015-07-01 21:39:20
【问题描述】：

我有这个 HTML 代码：

<div class='images'>
  <img class='thumbnail' src='background/01.png' />  
  <img class='thumbnail' src='background/02.png' />  
  <img class='thumbnail' src='background/03.png' />  
  <img class='thumbnail' src='background/04.png' />  
  <img class='thumbnail' src='background/05.png' />  
</div>

我希望将每个“背景”更改为“类别”。我正在使用这个 jQuery sn-p：

jQuery(document).ready(function(){
 $('.thumbnail').attr('src', $('.thumbnail').attr('src').replace('background', 'category'));
});

但是结果：

<div class='images'>
  <img class='thumbnail' src='category/01.png' />  
  <img class='thumbnail' src='category/01.png' />  
  <img class='thumbnail' src='category/01.png' />  
  <img class='thumbnail' src='category/01.png' />  
  <img class='thumbnail' src='category/01.png' />  
</div>

请注意：我无法更改 img 类。我哪里错了？

谢谢

【问题讨论】：

标签： jquery html image attributes attr

【解决方案1】：

首先请注意，最好使用prop()。其次，您可以传递prop() 一个函数来处理匹配集中的每个特定元素并更新其值。试试这个：

$('.thumbnail').prop('src', function(i, val) {
    return val.replace('background', 'category');
});

【讨论】：