jquery - 根据元素的高度更改样式

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');