javascript - 如何通过元素宽度替换 URL 参数

Question

我在页面上有一些元素，我想在其中显示特定类的每个元素，并通过替换字符串将其放入 URL 参数。

对不起，我是 JS 新手!

页面上对象的 HTML 如下:

<div class="getwidth" style="background-image: url('//domain.de/picture1.jpg?w=putwidth');">...
</div>

<div class="getwidth" style="background-image: url('//domain.de/picture2.jpg?w=putwidth');">...
</div>

jQuery 加载函数:

jQuery('.getwidth').each(function() {
    var wrapper = jQuery(this);
    var width   = wrapper.width();
    wrapper.html(wrapper.html().replace(new RegExp(/putwidth/, 'g'), width));
});

如果元素宽度为 245px，则需要输出示例:

<div class="getwidth" style="background-image: url('//domain.de/picture2.jpg?w=245');">...
</div>

获取元素宽度似乎可行。替换字符串不会。

Answer 1

用css使用replace:

wrapper.css("background-image", wrapper.css("background-image").replace(/putwidth/g, width));