jQuery如果高度

Posted 2023-03-16

【中文标题】jQuery如果高度

【英文标题】：jQuery if height

【发布时间】：2011-09-26 00:20:27

【问题描述】：

我有几个具有“priceText”类的 div，如果 div.priceText 高度小于 100 像素，我将尝试在 this div 中隐藏图像。

我无法让它工作。我已经设法在 all .priceText div 上隐藏 all 图像 如果其中一个 .priceText div 的高度小于 100px，但我只需要隐藏该图像即可在这个 div 中，女巫小于 100px。

所以我未完成的代码：

$(".priceText").each(function() 

var $minHeight = 100;
var $priceHeight = $('.priceText').height();

if ( $priceHeight < $minHeight) 
$("img", this).remove();


);

【问题讨论】：

你为什么在你的变量前面加上$？不要那样做。特别是不要对不包含 jQuery 对象的 var 使用 $ 前缀！

【参考方案1】：

我愿意：

$(".priceText").each(function() 

var $minHeight = 100;
//you need the height of the div you are currently iterating on: use this
if ( $(this).height() < $minHeight) 
//find the img in this div and hide it
$(this).find('img').remove();


);

【参考方案2】：

将var $priceHeight = $('.priceText').height(); 更改为var $priceHeight = $(this).height();

按照您的方式，它尝试使用 priceText 类获取所有元素的高度，而不是您当前引用的元素。

【讨论】：

这是正确的，但是 $("img", this).remove();删除 div 和所有图像！

不是真的，尼古拉。 this 是上下文。见这里：api.jquery.com/jQuery/#jQuery1