JSFiddle - React, Tailwind, and code Playground

by Ying Chor Ding

HTML

<div class="text">
    123456789012345
</div>
<div class="text">
    123456789012345
</div>
<div class="text">
    1234567890
</div>
<div class="text">
    123456789012345
</div>

JavaScript

$('div.text').text(function(i, text) {
    var t = $.trim(text);
    if (t.length > 10) {
        return $.trim(t).substring(0, 10) + "...";
    }
    return t;
});