如何替换部分样式背景：Blogger 小部件中的 url

Question

首先，抱歉，我是一个完全的新手，我确定我会在某处使用错误的术语。

我正在尝试提高最近帖子小部件和随机帖子小部件中图像的分辨率。

我需要一段代码来替换“a class="mag-thumb”的部分“background:url”，该代码需要将url中的“/s72-c/”替换为“/s300/” "

例如

https://4.bp.blogspot.com/-0STAMmB_Qws/W3bMkXzc2aI/AAAAAAAAKec/zxATGYlKdFM61Y343kTGa1C5FNli11Y9ACLcBGAs/s72-c/s_tronic2_en__download.jpg

会变成

https://4.bp.blogspot.com/-0STAMmB_Qws/W3bMkXzc2aI/AAAAAAAAKec/zxATGYlKdFM61Y343kTGa1C5FNli11Y9ACLcBGAs/s300/s_tronic2_en__download.jpg

我正在使用这个主题 -> https://www.themexpose.com/2017/09/seoboost-best-seo-optimized-blogger.html

在此处的测试博客上 -> https://andybuckdetailing.blogspot.com/

网站上已经有一段 jQuery 代码在运行，可以完全按照我的意愿进行操作，但仅适用于热门帖子小部件。但是，由于“热门帖子”小部件的编写方式，我不能只复制和修改“随机帖子”和“最近帖子”小部件。

Popular Posts 有一个 img src，而最近的 Posts 使用样式背景。

非常感谢您的帮助！

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var dimension = 150;
    $('#PopularPosts1,#PopularPosts2,#PopularPosts3').find('img').each(function(n, image) {
        var image = $(image);
        image.attr({
            src: image.attr('src').replace(/s72-c/, 's' + dimension)
        })
    })
});


//]]>
</script>

我试过@Bassam下面的解决方案，但可能是代码输入有误，我直接放在上面的脚本下面，格式如下：

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $('.mag-thumb').each(function () {
        var img = this.style.background;
        this.style.background = img.replace('/s72-c/', '/s300/');
});

//]]>
</script>

第二次尝试@Bassam 的解决方案。

    </div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $('.mag-thumb').each(function () {
        var img = this.style.background;
        this.style.background = img.replace('/s72-c/', '/s300/');
});

//]]>
</script>

</body>

第三次尝试@Bassam 的解决方案，如果这可以帮助任何人确定它为什么不起作用，那么它就在上面链接的测试博客上。

    </div>

<script>
//<![CDATA[
    $('.mag-thumb').each(function () {
        var img = this.style.background;
        this.style.background = img.replace('/s72-c/', '/s300/');
    });
//]]>
</script>

</body>

Answer 1

使用它来操作.mag-thumb的背景属性

<script>
//<![CDATA[
document.onreadystatechange = function () {
  if (document.readyState === 'complete') {
     $('.mag-thumb').each(function () {
       var img = this.style.background;
       this.style.background = img.replace('/s72-c/', '/s300/');
    });
  }
}
//]]>
</script>