当前位置:  开发笔记 > 编程语言 > 正文

如何在其他子元素溢出JQuery时显示子元素

如何解决《如何在其他子元素溢出JQuery时显示子元素》经验,为你挑选了0个好方法。

我最近一直致力于评论功能.默认情况下,包含文本的段落元素的高度为80px.溢出设置为隐藏.

我有另一个按钮(标记为"查看更多"),通过将高度更改为"自动"来扩展段落.仅当段落内容溢出默认的80px高度时,才应显示此按钮.否则,不得显示该按钮.

我试图用javascript for循环和一些JQuery代码来做到这一点,尽管它不能正常工作.它显示或隐藏所有评论部分的按钮.

这是html:

NavyFoxKid

3 days ago

lorem ipsum dolor sit amet consectur lorem ipsum dolor sit amet consectur amet consectur lorem ipsum dolor sit amet consectur lorem ipsum

这是JavaScript:

$(document).ready(function(){
  var element = $('.commentOwnerPost');
  for(i=0; i < element.length; i++){
    var commentText = $(element[i]).children('.commentText');
    if ($(commentText).offsetHeight < $(commentText).scrollHeight) {
      $parent = $(commentText).parent('.commentOwnerPost');
      $parent.find('.btnSeeMore').hide();
      console.log('Comment text  not overflowing ');
    } else {
      $parent = $(commentText).parent('.commentOwnerPost');
      $parent.find('.btnSeeMore').show();
      console.log('Comment text overflowing ');
    }
   
    $('.btnSeeMore').click(function(){
			
    });
  }
});

感谢您抽出宝贵时间阅读.任何帮助,将不胜感激.

推荐阅读
小白也坚强_177
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有