Count characters in paragraph using jQuery (*not* for input/textarea)

Question

How do I work out in jQuery a character counter of a p/div tag?

Basically i want to show a different css value IF the character value >=50.

Been struggling f

Answer 1

Try this snippet it works even if the text's length was greater than 50 characters.

You can also calculate the character digits of the paragraph. (Excluding new lines and space bars)

window.setInterval(function() {
  var txt = $("#txt").val();
  var parLength = $("#data").text().length;
  var charLength = txt.replace(/ /g, '').replace(/\n/g, '').length;
  $("#data").text(txt);
  $("#calcLength").text("The paragrapgh's length is: " + parLength);
  $("#calcChar").text("The amount of characters is: " + charLength);
}, 10);

Note: even a space character is calculated through the length function

Note: a space bar,and every empty line is trimmed in the second calculated value

I have provided this example to make it simple for use and compatability.