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>