根据元素的高度改变样式

Question

我想根据h3标签的高度更改锚标签的位置。下面的代码不起作用，我做得对吗？

所有它说的是，如果我的h3标签大于17px，那么寻找父div（.'news'）  并在元素中设置锚标记的样式。

 if ($('.news h3').height() > 17){
$(this).parent('a').css("bottom","20px");
 }

Answer 1

您的选择器$('.news h3')返回一个jQuery元素数组。如果您有多个h3（在.news内）.height()将返回第一个的高度。

让我们为每个人说..

$('.news h3').each(function () {
  if ($(this).height() > 17) {
    $(this).parent('a').css('bottom', '20px');
  }
});

请注意，在此使用.parent('a')，<h3>必须在<a>下方，如果不是，请尝试$(this).parents('a').eq(0).css('bottom', '20px');