javascript - tumblr - 如何根据某个帖子标题的高度显示 div？

Question

我正在 tumblr 上编辑我的主题，并尝试使用 jquery 来制作它，以便仅当文本帖子或帖子标题的高度超过 250px 时才会出现某个 div。它非常简单并且似乎有效，但似乎只接受第一篇文章，然后将 div 设置为对所有其他条目可见。有谁知道我如何调整代码，以便每个帖子都经过代码，而不是仅为第一篇帖子设置？

注意:#entry 是用于设置帖子样式的 ID。 .caption 是标题的类，.b 是我希望仅在标题超过一定高度时显示的 div。

$(document).ready(function(){
    if ($("#entry .caption").height()>250) {
      $("#entry .b").show();
    }
  });

如果您能提供帮助，请告诉我。谢谢!

Answer 1

尝试改变

if ($("#entry .caption").height()>250)

至:

if ($("#entry .caption").height()>=250) 

因此您还可以匹配高度及以上的250px。

对于每个匹配的元素:

$(document).ready(function(){
    $('.entry .caption').each(function(i, ui){
        if ($(this).height()>=250) {
            $(this).parents('.entry').find('.b').show();
        }
    });
});