我在页面上有一些元素,我想在其中显示特定类的每个元素,并通过替换字符串将其放入 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>
获取元素宽度似乎可行。替换字符串不会。
最佳答案
用css
使用replace
:
wrapper.css("background-image", wrapper.css("background-image").replace(/putwidth/g, width));
关于javascript - 如何通过元素宽度替换 URL 参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55665414/