jQuery-根据HTML属性设置CSS维度

jQuery - Set CSS dimensions according to HTML attributes

本文关键字：CSS 维度 设置 属性 根据 HTML jQuery-      更新时间：2023-09-26

正如我们大多数人所知，我喜欢将<；IE7，当你只在属性中放置尺寸时，图像不会调整大小。您还需要设置CSS的宽度和高度。现在我已经建立了一个没有考虑到这一点的网站，我认为它可以用jQuery在几行中解决。问题是我根本不知道语法，我需要快速找到解决方案。稍后我将深入研究jQuery，但现在我需要尽快修复它。

但是，如果你写剧本，请评论一下，这样我就知道是哪一个了行做什么。提前谢谢。

基本上，它所做的是扫描网站上的每个img标签，并根据标签的属性设置CSS维度。

我尝试的是：

  $(function(){
    $('img').each(function() {
        this.css("width":this.attr('width'),"height":this.attr('height'));
      });
});

然而什么也没发生。

编辑：在Arun p Johny的帮助下修复：(

$(function () {
    $('img').attr("style", function () {return "width:" + $(this).attr('width') + "px;height:" + $(this).attr('height') + "px;"});
});

似乎与wordpress配合得很好：(

在each回调中，this引用的是dom元素，而不是jQuery包装对象，因此它没有像.attr()这样的方法。

但你正在寻找的解决方案是

$(function () {
    $('img').css("width": function () {
        return $(this).attr('width')
    }, "height": function () {
        return $(this).attr('height')
    });
});

演示：Fiddle

相关文章：