Limit 100 maximum characters in a div and generate read more button when exceed in css or js [duplicate]

Question

This is my existing work. I made it to limit the characters up to 30 but how would I add a read more link to my other page dynamically when characters exceed the limit? i need your help guys.

var myDiv = $('.wwdtext'); myDiv.text(myDiv.text().substring(0,30)) <div style="background-color:#FF6201;width:220px;height:220px"> <div class="wwdtext">Hello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello World</div> </div>

truncated = truncated.substr(0,maxLength) + '<span class="more">...</span><span style="display:none">'+truncated.substr(maxLength)+'</span>'; - now wire up class more to show next sibling — mplungjan
– mplungjan, Commented Mar 8, 2018 at 8:43

Hasan Haghniya · Accepted Answer · 2018-03-08 08:42:46Z

var myDiv = $('.wwdtext'); myDiv.text(myDiv.text().substring(0,100))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div style="background-color:#FF6201;width:220px;height:220px"> <div class="wwdtext">Hello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldeqwrewqjkfbsajHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldeqwrewqjkfbsajHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello Worldeqwrewqjkfbsaj</div> </div>

I need to have a read more link or button when it exceeds the character limit.
@user3117337 add <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> before </body> tag , also add <script>var myDiv = $('.wwdtext'); myDiv.text(myDiv.text().substring(0,100));</script>
I tried this on jsfiddle but still doesnt generate the button.
I need to dynamically add a button when it exceeds the limit.. plss heeelp

Collectives™ on Stack Overflow

Limit 100 maximum characters in a div and generate read more button when exceed in css or js [duplicate]

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related