javascript - 使用attr替换html宽度标签

Question

我使用下面的代码来替换

$('iframe').map(function(i, el) {
       var amp_iframe = $('<amp-iframe layout="responsive"></amp-iframe>');
       amp_iframe.attr('width', $(this).attr('width'));
       amp_iframe.attr('sandbox', 'allow-scripts allow-same-origin');
return $(this).replaceWith(amp_iframe);
});

输出如下:

<amp-iframe layout=responsive src="https://docs.google.com/forms/d/e/abcxxxxxx/viewform?embedded=true" width=100% height=750 frameborder=0 sandbox="allow-scripts allow-same-origin"></amp-iframe>

我想将 width="100%" 转换为 width="100" 并删除 %。我该怎么办？

Answer 1

如果您从 $(this).attr('width') 获取 "100%" 那么您可以使用:

 $(this).attr('width').replace(/\%/, "")

但请确保通过添加故障安全代码来获取 $(this).attr('width') 的值，否则它会崩溃。

编辑:是的。你可以这样替换:

let width = $(this).attr('width').replace(/\%/, "")
amp_iframe.attr('width', width);