jquery 高度/宽度如果语句不起作用

标签 jquery html css

$(window).load(function () {

    var $imgs = $('.boxInner img');

    $imgs.each(function () {
        var w = $(this).clientWidth;
        var h = $(this).clientHeight;

        if (w < h) { $(this).css("display","none"); };
    });
});

我试过用很多不同的方式来写这篇文章,但都无济于事。基本上看图片的宽高就可以了。如果高度大于宽度,则将显示设置为无。 有人请帮我解决这个问题。应该这么简单。

最佳答案

要么使用 dom 对象及其 api:

$imgs.each(function () {
    var w = this.clientWidth;
    var h = this.clientHeight;

    if (w < h) { $(this).css("display","none"); };
});

或使用 jQuery 对象及其 api:

$imgs.each(function () {
    var w = $(this).width();
    var h = $(this).height();

    if (w < h) { $(this).css("display","none"); };
});

关于jquery 高度/宽度如果语句不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19548462/

相关文章:

javascript - 在网站中重复背景

javascript - 添加绝对定位元素导致换行

jquery - 在 Ajax 调用中加载 div

javascript - 单击后检索元素/文本

javascript - 'select' ie 下拉列表的 HTML Javascript 切换可见性?

html - 是否有相当于 'align="center"' 的 css?

javascript - 使用javascript/jquery,如何对图像进行放大缩放?

javascript - 如何从 jQuery 函数访问外部 this?

javascript - 处理具有相同 id 的元素点击的最佳方法

jquery - 如何在 1 行(css)中添加多个按钮?