Question

我计划使用jQuery在我的博客上更改其帐户个人资料的默认图片。这是我的代码：

＆＃13;

$(document).ready(function() {
  if ($(".avatar-image-container img").attr("src") == "http://img2.blogblog.com/img/b16-rounded.gif") {
    $(".avatar-image-container img").attr("src", "https://2.bp.blogspot.com/-fMGj0xxU17A/VzwRIi8g6DI/AAAAAAAAFLo/qhnNcpj4eq0oIo3pW0zAeuKLvLXiRKLsACLcB/s1600/no-photo.jpg");
  };
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="avatar-image-container">
  <img src="http://img2.blogblog.com/img/b16-rounded.gif" />
</div>

<div class="avatar-image-container">
  <img src="http://lh4.googleusercontent.com/-52PXwUPvjcQ/AAAAAAAAAAI/AAAAAAAAAPA/LsFtU011abs/s80-c/photo.jpg" />
</div>

＆＃13;

如果您使用此代码，则所有网址都可以替换。那我怎么解决呢？

Answer 1

您只需要过滤与src匹配的元素到指定的url，然后将new属性设置为它们：

解决方案1：

使用QRCodeData功能：

.filter()

解决方案2：

使用属性等于选择器：

$(".avatar-image-container img").filter(function(){
 return $(this).attr("src")=="http://img2.blogblog.com/img/b16-rounded.gif";
}).attr("src", "https://2.bp.blogspot.com/-fMGj0xxU17A/VzwRIi8g6DI/AAAAAAAAFLo/qhnNcpj4eq0oIo3pW0zAeuKLvLXiRKLsACLcB/s1600/no-photo.jpg");

替换同一类中的特定URL

1 个答案: