Question

我有一个输出数据的PHP脚本。它全部方便地包裹在p class内。

它多次输出相同的数据和相同的类，因此有6个文本块，每个块都包含在p class内。

我需要使用任何可能的方法将每个块减少到3行。我已经尝试过以各种方式使用PHP无济于事。

我遇到Clamp.js看起来很棒。唯一的问题是，它只能使用ID。我可以将p class代码更改为p id，但是，他们都必须共享相同的ID，这显然不会起作用。

这是我尝试的当前代码：

var module = document.getElementsByClassName("clampjs");

$clamp(module, {clamp: 1});

HTML（第6次）：

<div class="headtab">
<a href="f?forum=(forum number)">Forum title</a><p class="bold">Posted By:</p> username <p class="bold">In:</p> category</div>
<div class="maintext">
<p class="clampjs">TEXT I WANT TO BE CLAMPED</p>
</div>

就像我说的，当我使用ID时它可以正常工作，但显然，只有第一个文本块才能保持相同的ID，这就是为什么我使用{{1 }}。

可悲的是，我上面尝试过的根本不起作用。有没有人知道这个脚本的一些修复，或者是一个使用p class元素来夹住对象的不同脚本？ Jquery也是可以接受的。

Jsfiddle

工作代码归功于已接受的答案：

class

Answer 1

只需编辑您的CSS即可轻松完成

$('.clampjs').click( function() {   

     $(this).css({  //changes the css of the clicked content.
            'height':'100px', //give what ever height you want.
            'overflow':'hidden'
        });


    });

刚刚在我的页面中进行了测试...

使用类元素和Javascript进行行绑定

1 个答案: