JSFiddle - React, Tailwind, and code Playground

by kapantzak

HTML

<div class="box">
	<p>Lorem ipsu</p>
</div>
<div class="box">
	<p>Lorem ips</p>
</div>
<div class="box">
	<p>Lorem ip</p>
</div>
<div class="box">
	<p>Lorem</p>
</div>

CSS

.box {
    border: 1px solid #CCC;
    margin: 1em;
    padding: 0.5em;
}
span {
    color: red;
}

JavaScript

$('.box').each(function(index) {
    var count = parseInt(index) + 1;
    $('body').append('<div>Box ' + count + ': <span>' + $(this).children('p').text().length + ' Letter</div>');
});