按钮" Readmore"每次文本大于2行时出现

时间:2016-04-13 10:46:56

标签: javascript jquery html

DEMO: https://jsfiddle.net/qo6ycfpf/

在上面的代码中,我折叠了文本,使其更紧凑,但文本的长度始终不变。在演示中,第二个文字很短,但按钮出现了" Readmore"。

因此,每当文本高度大于50像素(或2行)时,我想要一个jQuery /脚本或解决方法,其中" Readmore"按钮出现。

谢谢大家

1 个答案:

答案 0 :(得分:1)

使用div对每个文字内容$.each()进行迭代,找到它的高度,然后隐藏它对应的label

代码段:

$("div.text-cmt").each(function () {
    if ($(this).height() < "50") {
        $(this).prev("label").hide();
    }
});

FIDDLE DEMO