jquery - 当文本溢出 div 时显示文本

Question

我正在页面上构建一系列图 block ，其中所有图 block 的大小都相同(370 像素 x 370 像素)。当文字溢出一个div时，文字溢出的部分被隐藏，出现一个隐藏的滚动条。现在我希望滚动条保持隐藏状态，但也有一些图像或文本表明在特定图 block 上隐藏了更多文本。

将出现“阅读更多”链接，指示将鼠标悬停在 div 上并阅读更多内容。

下面是……我在想

    $(document).ready(function(){
    if($('p').height() > ('div').height())
    {
        $(this).html('Read more');
    }
    });

我确定我上面的代码是错误的，因此如果有人能给我提示，我将不胜感激。

提前感谢您的帮助。

Answer 1

您需要检查每个单独的 div，而不仅仅是 全局集。您可以为此使用过滤器:

 $('div').filter(function(){
      return $(this).height() < $(this).find('p').height();
 }).append('<span>Read more...</span>)