AI智能
改变未来

jQuery控制内容页文字展示 点击展开内容

jQuery控制内容页文字展示 点击展开内容

<script type=\"text/javascript\">$(function () {$(\"#class1content\").each(function () {var maxwidth = 2200;//设置最多显示的字数var text = $(\".concrete\").html();if ($(this).html().length > maxwidth) {$(this).html($(this).html().substring(0, maxwidth));$(this).html($(this).html() + \"\" + \"<div class=\'text-center\'><button class=\'btn btn-success btn-lg\'>点击继续阅读<i class=\'fa fa-arrow-down ml-2\'></i></button></div>\");//如果字数超过最大字数,超出部分用...代替,并且在后面加上点击展开的链接;};$(\"button\").click(function () {$(\'.concrete\').parent().html(text);//点击“点击展开”,展开全文})})})</script>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery控制内容页文字展示 点击展开内容