限制显示内容,超出用省略号代替的方法

一个经常能用到的小方法。

这里说的呢也就是给div的内容限制显示的字数,超出部分用省略号代替。

 

用jq里面的截取字符串就可以实现此功能。

$(function(){
    $("#div").click(function() {
        str = $("#div").text().substr(0,10) + " ...";
         $(".content p").text(str);
    })
})

 这里需要注意一个地方:在给循环出来的内容加限制的时候,id只能给一个div加,而class就可以给全部div加。

posted @ 2017-02-20 17:11  厚爱无需我多言。  阅读(291)  评论(0编辑  收藏  举报