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 onload函数：

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

将replace与css一起使用：

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

如何用元素宽度替换URL参数

1 个答案: