jquery - 用 JQuery 替换 HTML 中的图像、视频大小

Question

我在 WordPress 博客中有许多宽度为 600 像素但高度不同的视频和照片。如何使用 JQuery 替换它们以进行缩放？视频在

代码示例如下:

<img height="100" width="600" alt="image title" src="image link">
<embed width="600" ...>
<iframe width="600" ...>

谢谢，

Answer 1

$('img, embed, iframe').attr('width',newWidth);

• 在您发表评论后进行编辑

当然有:

$('img, embed, iframe').each(function() {
    if($(this).width() > 520) {
        $(this).attr('width','520');
        $(this).attr('height','auto');
    }
});

选择器 $('img, embed, iframe') 选择符合我们条件的所有元素。它们必须是 img、嵌入或 iframe。 .each(function(){...}); 表示对于所有这些匹配项，我们将执行位于括号内的代码。我们在那里所做的是检查当前对象 $(this) 的宽度是否大于 520px(该函数仅返回 520，没有 px)。如果是，则执行括号之间的代码。我们只需将属性 width 从原来的值(显然大于 520px)更改为 520px。就是这样，基本的 jQuery。祝你的项目好运!